vue的列表渲染 |
您所在的位置:网站首页 › pop指令的作用 › vue的列表渲染 |
一、遍历列表 v-for 1、用于展示列表数据 2、语法:v-for="(item,index) in xxx" :key="yyy" 3、可遍历:数组、对象、字符串(用的少)、指定次数(用的少) 例子: ![]() 二、key的原理 ![]() ![]() 三、列表排序 ![]() ![]() 四、列表的过滤 ![]() 五、总结vue的数据监测 1、vue会监视data中所有层次的数据 2、如何监测对象中的数据? 通过setter实现监视,且要在new vue时就传入要监测的数据 (1)对象中后追加的属性,vue默认不做响应式处理 (2)如需给后添加的属性做响应式,请使用如下API: vue.set(target,propertyName/index,value)或 vm.$set(target,propertyName/index,value) 3、如何监测数组中的数据 通过包裹数组更新元素的方法实现,本质就是做了两件事情 (1)调用原生对应的方法对数组进行更新 (2)重新解析模板,进而更新页面 4、在vue修改数组中某个元素一定要用如下方法: (1)使用这些API:push() pop() shift() unshift() splice() sort() reverse() (2)Vue.set vm.$set() 特别注意:Vue.set() vm.$set() 不能给VM 或vm的根数据对象添加属性!! ![]() ![]() |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |