Vue  想单纯的试试 vuejs-rails,为啥引用 vuejs-rails 就是不成功?

nuanshuidai · 2020年10月17日 · 最后由 nuanshuidai 回复于 2020年10月17日 · 101 次阅读

就是想单纯的用一下 vuejs-rails 这个 gem,看看好用不。但就是不成功,情况如下:

一、先说我做了的:

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'

二、在已有的 erb 文件里写了个测试代码,但不成功,代码如下:

<div id="app">
      {{ message_1 }}
</div> 

<script>
    var app = new vue({
    el: '#app',
    data: {
         message_1: 'Hello Dj!'     
    },
    })
</script>

但页面输出依然是:{{ message_1 }}

三、问题:

这样看来,vuejs-rails 是没用对,但查了好多资料,不都是这种用法吗?请教大家,应该如何正确使用?

四、还有,如果用最直接的在 erb 文件里引用 vue.js,也无效,就是下面这种用法:

<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 方式,想试试最单纯的用法。不要喷。

十分的打脸,原来是一个大小写的问题,就是:

var app = new vue({

此处应该写 Vue,太粗心了,改成大写二种方式都是 OK 的,真的太打脸了。。。。。。。😂

nuanshuidai 关闭了讨论 10月17日 18:49
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册