Vue基础知识学习(一)
2017-10-25 12:04
453 查看
Vue 中几种数组方法触发视图更新
push() (常用,用于数组的新增)
pop()
shift()
unshift()
splice() (常用,用于数组的添加,删除等)
sort()
reverse()
几种改变数组但不能触发视图更新的方式
当你利用索引直接设置一个项时,例如:vm.items[ind] = newVal
当你修改数组的长度时,例如:vm.items.length = newLen
此时可以利用vue的set方法解决此类问题
也可以利用数组自带的splice函数对数组进行操作
push() (常用,用于数组的新增)
pop()
shift()
unshift()
splice() (常用,用于数组的添加,删除等)
sort()
reverse()
几种改变数组但不能触发视图更新的方式
当你利用索引直接设置一个项时,例如:vm.items[ind] = newVal
当你修改数组的长度时,例如:vm.items.length = newLen
此时可以利用vue的set方法解决此类问题
Vue.set(vm.items, ind, newVal) // vm.items 要改变的数组或者对象 // ind 要改变的对象的属性或者数组的索引值 // newVal 赋值
也可以利用数组自带的splice函数对数组进行操作
相关文章推荐
- vue学习第2天,基础知识,v-bind v-on v-if v-for v-model v-html computed watch methods
- vue学习第1天,基础知识
- vue学习第3天,基础知识,条件渲染,列表渲染,事件处理,内联样式
- XMPP 学习笔记二 OpenFire框架与与XMPP协议基础知识
- Ubuntu学习小结(一) 基础知识,系统安装,软件安装,解压缩
- dreamweaver的学习 【基础知识】3文本与列表控制,链接
- 学习Spring必学的Java基础知识----反射
- JAVA 基础知识学习3
- 01_Linux学习_基础知识
- HttpClient学习研究---第一章:基础知识
- BootStrap基础知识学习-No.1
- Matrix学习——基础知识
- Vue基础学习
- pytho学习2 基础知识续
- 学习shell脚本之前的基础知识(一)(学习记录帖)
- vue-router 2.0 常用基础知识点之router.push()
- 学习笔记-基础知识10-IO流(1)
- C++学习2——基础知识
- 学习 javascript 基础知识
- 廖雪峰网站:学习python基础知识—list和tuple(二)