From f92a44f5b451f7143d23b16fb34ad0e11d33a0dc Mon Sep 17 00:00:00 2001 From: xieme Date: Wed, 2 Jun 2021 17:13:24 +0800 Subject: [PATCH] cd --- .../2021.6.1.md" | 11 +++++++++++ .../2021.6.2.md" | 15 +++++++++++++++ 2 files changed, 26 insertions(+) create mode 100644 "\350\260\242\351\225\277\344\270\234/2021.6.1.md" create mode 100644 "\350\260\242\351\225\277\344\270\234/2021.6.2.md" diff --git "a/\350\260\242\351\225\277\344\270\234/2021.6.1.md" "b/\350\260\242\351\225\277\344\270\234/2021.6.1.md" new file mode 100644 index 0000000..9c8ef95 --- /dev/null +++ "b/\350\260\242\351\225\277\344\270\234/2021.6.1.md" @@ -0,0 +1,11 @@ +## Class和Style绑定 + +通过v-bind指令绑定参数class，右边的表达式可以是一个对象或者数组。先说对象，对象的属性就是一个class名，属性值是一个布尔值，动态的添加或者删除一个class，同时除了绑定的class参数外，还允许一个普通的class `Attribute`,最终会合并到一个clss列表；数组和对象差不多，数组中的所有元素就是一个class列表，元素的添加和删除就是一个class的添加或者删除，当然元素的类型还可以是一个对象，如`myClassArr:[{class1:true},{class2:false}]` + +如果class绑定在组件上，则class最终会被绑定到组件的根节点上 + + +style绑定，一般绑定一个对象（本人习惯），一个属性就是一个css样式 + + + diff --git "a/\350\260\242\351\225\277\344\270\234/2021.6.2.md" "b/\350\260\242\351\225\277\344\270\234/2021.6.2.md" new file mode 100644 index 0000000..fa66f5c --- /dev/null +++ "b/\350\260\242\351\225\277\344\270\234/2021.6.2.md" @@ -0,0 +1,15 @@ +## 列表渲染(v-for) + +用法`v-for='(item,index) in list'`,item是遍历得到的一值，index是下标，如果list是一个对象的话，就拥有第三个参数，参数2是一个key,也就是属性名，参数3是一个下标 + +当然也可以使用 of代替in + +### 变更方法 +Vue 将被侦听的数组的变更方法进行了包裹，所以它们也将会触发视图更新。比如`push() pop()`等可以改变原数组的方法 + + + +### key +一般的我们都应该给遍历的每项添加一个key，因为如果列表发生了顺序的改变，vue会默认执行“就地更新”的策略，不会对dom的位置进行改变，而是复用dom修改dom的内容 + +为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key attribute： -- Gitee