1.v-once指令:在标签中加上v-once指令后,内容是不会随着data数据的改变而改变的
2.v-html指令:在标签中添加v-html指令后,点击这个标签会实现链接跳转
3.v-text指令:在标签中添加v-text指令同mustache语法一致,但是通常不用此标签,因为v-text指令的内容会覆盖掉后面标签中的内容
4.v-pre指令:在标签中添加v-pre指令后,不会对标签中的内容进行解析,会原封不动的将标签中的内容显示出来
5.v-cloak指令:在标签中添加v-cloak指令后,在vue解析之前,标签中会存在属性v-cloak,但在vue解析之后,便没有此属性。
6.v-bind指令:动态绑定某个属性,其语法糖为 :
7.v-on指令:用于事件监听,其语法糖为@
v-on的修饰符分别为:
stop修饰符:阻止事件冒泡
prevent修饰符:阻止一些默认情况
once修饰符:触发某个事件只触发一次
8.v-if /v-else指令:条件判断,通过v-if指令判断里面的内容是否显示出来,如果v-if为假的话,会显示带有v-else的标签,切换一次的时候用v-if,当切换多次的时候,使用v-show
9.v-for指令:用于循环遍历
10.v-model:双向绑定,当改变data中的数据时,输入框的内容也会随着改变,当改变输入框的内容时,data中的数据也会随着发生变化,是v-bind和v-on指令的结合,通过v-bind将数据绑定到输入框中,通过v-on监听输入框输入的值,并将其赋值给数据
v-model的修饰符:
lazy修饰符:当点击完回车,或者鼠标放到其他地方,data中的数据才会变化
number修饰符:v-model默认的都是字符串类型,如果想用数字类型,则加上number
trim修饰符:自动去掉字符串两边的空格