目录
列表过滤
使用计算属性
使用watch监视属性
列表排序
Vue中数据原理
练习数据原理
Vue中数据原理总结
可以进行模糊搜索
Title
{{p.id}}--{{p.name}}--{{p.age}}--{{p.sex}}
运行结果
Title
{{error}}
{{mess}}
{{p.id}}--{{p.name}}--{{p.age}}--{{p.sex}}
运行结果
Title
{{p.id}}--{{p.name}}--{{p.age}}--{{p.sex}}
现在是:{{sortName}}
arrSort.sort((big,small)=>big-small是升序排序,反之则为降序
运行结果
Title
学生信息
学生姓名:{{student.name}}
学生年龄:{{student.age}}
学生性别:{{student.sex}}
学生爱好:
-
{{h}}
朋友们:
-
{{h.name}}-{{h.age}}
1、vue会监视data中所有层次的数据。
2、如何监视对象中的数据?
如需给后添加的属性做响应式,得使用vue提供的API:
Vue.set(target,propertyName/index,value)或vm.$set(target,propertyName/index,value)
3、如何监视数组中的数据?
通过包裹的数组跟心元素的方法实现,本质就是做了:
4、在Vue修改数组中的某个元素一定要用如下方法:
特点注意:Vue.set()和vm.$set()不能给vm或vm的根数据对象_data添加属性