Vue.js mit Rails nicht

Question

arbeiten Ich versuche, einen AJAX-Aufruf zu Rails-Controller zu senden einige Daten zu holen und Vue.js zur Ausgabe verwenden. Aber es scheint keine Anfrage an den Controller zu senden. Was mache ich hier falsch? Vue.js funktioniert ohne AJAX-Aufruf

app/assets/javascript/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; 
     } 
    }); 
    } 
}); 

app/controllers/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 

app/views /calculator/index.html.haml

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

Answer 1

Statt ready versuchen 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; 
     } 
    }); 
    } 
});