帶有 Rails 的 Vue.js 無法正常工作

Question

我正在嘗試向 Rails 控制器發送 AJAX 調用以獲取一些數據並使用 Vue.js 輸出它。 但它似乎沒有向控制器發送任何類型的請求。 我在這里做錯了什么？ Vue.js 可以在沒有 AJAX 調用的情況下工作

應用程序/資產/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;
      }
    });
  }
});

應用程序/控制器/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

應用程序/視圖/計算器/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;
      }
    });
  }
});