Vue.js前端开发技术第3章 Vue指令.pptxVIP

第3章 Vue指令 课程目标vue 指令的定义v-if与v-show的区别使用数组表达式绑定 class 属性使用 v-model 绑定表单元素vue 示例实现的任务展示课程内容vue指令v-if、v-for、v-showvue指令v-bindvue指令v-model综合案例 Vue指令定义 指令是带有 v- 前缀的特殊属性。作用 当表达式的值改变时 ，将其产生的连带影响 ，响应式的作用于DOM。指令修饰符定义表示特殊后缀，表示指令应该以特殊的方式绑定常见修饰符.prevent 修饰符会阻止当前事件的默认行为.stop 修饰符将阻止事件向上冒泡指令详解v-if指令v-if 指令可以完全根据表达式的值在 DOM 中生成或移除一个元素。div id=app p v-if=notice公告/p/divnew Vue({ el: #app, data:{ notice:true } }}) 通过一个对象的属性来迭代指令详解ul id=repeat-object class=demo li v-for=value in object {{ value }} /li/ulv-for指令提供第二个的参数为键名提供第三个参数为索引div v-for=(value, key) in object {{ key }} : {{ value }}/divdiv v-for=(value, key, i