vue @click 被解析成了字符串怎么解决

Question

如果在一个html里面写一个手机端的单页面,但是如上图,@click都被解析成了字符串,导致点击方法失效.求助大佬解答,谢谢....

Answer 1

html:

<div id="demo">vue 需要提供一个根元素，用于挂载vue实例!</div>

js:

 var vm = new Vue().$mount(document.querySelector('#demo'));
<=> 等价于
var vm = new Vue({
    el:"#demo"
});

这样,vue才会解析你的写在根元素内的事件，属性，指令等。

Answer 2

#app里的才会解析

Answer 3

更新：楼上老哥说的对

你这些 v-语法 是 vue 的 dsl，要不就配合 vue-loader 在 .vue 文件里面用，要不就搞他那个运行时解析
如果想单纯的在 .html 里面用，你需要引入的是另外一个 vue.min.js

如果有帮到你请 upvote 或采纳～