Javascript Vue 2.0&；Rails 5：声明性呈现不是被动的

我目前正在使用Rails 5应用程序浏览Vue指南，发现我可以更新我的Vue js对象，但DOM与本节中描述的不同

数据和DOM现在是链接的，一切都是被动的。我们怎么知道？只需打开浏览器的JavaScript控制台并将app.message设置为其他值。您应该看到上面的渲染示例会相应地更新

我使用的是

gem'vuejs'

可以在这里找到：

application.js

home.html.haml

咖啡

Chrome工具js控制台。。

---

app.message=“应该更新到这个”

这个问题的答案与coffeescript如何编译它的变量有关。它将

var

插入所有不允许全局命名空间访问的变量。所需的只是

应用程序

成为

窗口

对象的属性

$(document).on "turbolinks:load", ->

   window.app = new Vue
    el: '#app'
    data: 
      message: 'Vue initialized!'

---

这个问题的答案与coffeescript如何编译其变量有关。它将

var

插入所有不允许全局命名空间访问的变量。所需的只是

应用程序

成为

窗口

对象的属性

$(document).on "turbolinks:load", ->

   window.app = new Vue
    el: '#app'
    data: 
      message: 'Vue initialized!'

$(document).on "turbolinks:load", ->

   app = new Vue
     el: '#app'
     data: 
       message: 'Vue initialized!'

$(document).on "turbolinks:load", ->

   window.app = new Vue
    el: '#app'
    data: 
      message: 'Vue initialized!'