17
2016
12

Rails与vuejs整合

在工程的Gemfile中追加内容

gem 'vuejs-rails'

修改app/assets/javascripts/application.js,追加内容

//= require vue
//= require vue-router
//= require vue-resource

禁用TurboLinks

删除app/assets/javascripts/application.js中如下内容

//= require turbolinks

修改文件app/views/layouts/application.html.erb

删除函数stylesheet_link_tag的参数'data-turbolinks-track': 'reload'

删除函数javascript_include_tag的参数'data-turbolinks-track': 'reload'


在app/views的文件中,直接在script标签中写Vue.js代码,也可以写在独立的JavaScript文件中(推荐)

« 上一篇 下一篇 »