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}}