vue的列表渲染

您所在的位置:网站首页 pop指令的作用 vue的列表渲染

vue的列表渲染

#vue的列表渲染| 来源: 网络整理| 查看: 265

一、遍历列表

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