- v-text指令:用于更新标签包含的文本,它的作用跟双大括号效果是一样的
- v-html指令:绑定一些包含html代码的数据在视图上
- v-show指令:指令的取值为true/false,分别对应着显示/隐藏,改变的是元素css样式的display属性
- v-if指令:取值为true/false,控制元素是否需要被渲染
- v-else指令:和v-if指令搭配使用,没有对应的值。当v-if的值false,v-else才会被渲染出来。
- v-for指令:遍历data中存放的数组数据,实现列表的渲染。
- v-bind指令:用于动态绑定DOM元素的属性;例如 标签的href属性,标签的src属性等。v-bind可以简写成“:”
- v-on指令:可以绑定事件的监听器。通过v-on指令修饰click点击事件,指定事件响应后的处理函数为methods中定义的方法,v-on:简写为@
- v-model指令:用于表单输入,实现表单控件和数据的双向绑定。只要给input控件添加v-model指令,并指定关联的数据content,就可以轻松把用户输入的内容绑定在content上。
- v-once指令:只渲染一次,后面元素中的数据再更新变化,都不会重新渲染。
06-24
1148
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
05-28
1060
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
03-15
849
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
07-26
1516
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
08-26
2146
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)
08-23
1168
![](https://csdnimg.cn/release/blogv2/dist/pc/img/readCountWhite.png)