要想需要使用vue 需要先导入

<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

而vue代码是写在script这个标签里面的

<sctipt>
Var vm=new Vue({
....
})
</script>

那么如何使这个Vue对象生效呢? 还需要一个html标签 并声明一个id 然后Vue将这个标签的id绑定起来:

<body>
<div id="app"></div>

<script>
Var vm=new Vue({
el: "#app",   <!-- 绑定id 就可以对这个控件进行其他操作了-->
})
</script>
</body>
  • v-once 可以理解为一个不能被修改的属性 类似java的final
 <div id="app" v-once>这个值将不会被改变 : {{msg}}</div>

//加入v-once后msg的值无法被修改

<script>
var vm=new Var({
el: "#app",
data:{
msg: "hello vue!"  //初始值 也叫插值
}
})

vm.$data.msg="newValue"  重新赋值 因为上边被v-once修饰 所以插值处的内容不会更新
</script>
```
最后修改:2021 年 07 月 15 日
如果觉得我的文章对你有用,请随意赞赏