Vue.js Railsが動作しない

Question

Rails ControllerにAJAX呼び出しを送信してデータを取得し、Vue.jsを使用して出力しようとしています。しかし、それはコントローラに何らかの要求を送信しているようではありません。私はここで間違って何をしていますか？ Vue.jsはcalculator.js

var calculator = new Vue({ 
    el: '.container', 
    data: { 
    numbers: [] 
    }, 
    ready: function() { 
    var that; 
    that = this; 
    $.ajax({ 
     url: '/calculator.json', 
     success: function(response) { 
     that.numbers = response; 
     } 
    }); 
    } 
}); 

アプリ/コントローラ/ calculator_controller.rb

class CalculatorController < ApplicationController 
    def index 
    @numbers = [1,2,3,4,5] 
    respond_to do |format| 
     format.html 
     format.json { render json: @numbers } 
    end 
    end 
end 

アプリ/ビュー/ AJAX呼び出し

アプリ/資産/ javascriptのせずに作業を行います/calculator/index.html.haml

.container 
    .row 
    .col-lg-12 
     %ul 
     %li{ "v-for": "number in numbers" } 
      {{ number }} 

Answer 1

代わりのreadyはmountedを試してみてください。

var calculator = new Vue({ 
    el: '.container', 
    data: { 
    numbers: [] 
    }, 
    mounted: function() { 
    var that; 
    that = this; 
    $.ajax({ 
     url: '/calculator.json', 
     success: function(response) { 
     that.numbers = response; 
     } 
    }); 
    } 
});