v-for 循环:如果list是对象,还有value,key属性,如v-for="(value,key,index) in list";
v-for 中key必须为唯一的 作用是:主要是为了高效的更新虚拟DOM
v-bind 绑定属性 简写: v-bind:属性名="常量 || 变量名"
v-on 绑定时间 简写@ v-on:click = "方法名 || 直接改变 vue 内部变量"
双向绑定:v-model 所谓的双向绑定,就是你在视图层里面改变了值,vue里面对应的值也会改变。只能给具备value属性的元素进行双向数据绑定。
v-html 插入HMTL
v-text 插入文本
条件渲染: v-if v-show
v-show 本质就是标签display设置为none,控制隐藏
v-if 是动态的向DOM树内添加或者删除DOM元素
从性能上来说:
v-show只编译一次,后面其实就是控制css,而v-if不停的销毁和创建,故v-show性能更好一点 |
|