要想需要使用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>
```