一、先说我做了的:
1、在 gem 文件里加了:gem 'vuejs-rails'
2、修改 app/assets/javascripts/application.js,追加内容 //= require vue
3、禁用 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'
<div id="app">
{{ message_1 }}
</div>
<script>
var app = new vue({
el: '#app',
data: {
message_1: 'Hello Dj!'
},
})
</script>
但页面输出依然是:{{ message_1 }}
这样看来,vuejs-rails 是没用对,但查了好多资料,不都是这种用法吗?请教大家,应该如何正确使用?
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
.......
<div id="app">
{{ message_1 }}
</div>
.......
<script>
var app = new vue({
el: '#app',
data: {
message_1: 'Hello Dj!'
},
})
</script>
这样用也无效,请教大家问题在哪?
以上用法就是不想用 webpacker 方式,想试试最单纯的用法。不要喷。