v-bind单项数据绑定

v-bind:class

v-bind绑定标签属性(字符串写法)
v-bind绑定标签属性简写(字符串写法)
v-bind绑定标签属性(数组写法)
v-bind绑定标签属性(对象写法)

v-bind:style

v-bind绑定标签属性(数组写法)
v-bind绑定标签属性(对象写法)

v-model双向数据绑定(一般用于表单元素)

v-for(遍历数组和对象)

v-for中的key值的作用:
1.是虚拟DOM中的唯一标识,当状态发生变化时,Vue会根据新的数据生成新的虚拟Dom,随后Vue会进行 新的虚拟DOm与旧的虚拟Dom差异进行对比
2.如何选择key:
最好使用数据中的唯一标识,如id,手机号,身份证号 如果不进行数据排序处理,key可以使用数据下标


v-on绑定事件

当前数值n:{{n}}

v-if条件渲染(用于切换频率低)

当show为true时显示
当show为false时显示

v-show(用于切换频率较高)

当show为true时显示

v-show和v-if的区别:
1.v-if直接移除dom元素,不渲染
2.v-show通过style中的display:none隐藏属性


v-text

v-text显示内容

v-html

v-html显示内容

v-cloak

v-cloak控制样式

v-once

v-once初始渲染之后,将内容视为静态内容 a:{{nub}}

v-pre

使用v-pre跳过vue解析{{nub}}