![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
双向绑定
好事总会发生在下个转弯
努力搬砖中。。。
展开
-
Vue对象更新检测
一、Vue中有关对象检测介绍 由于JavaScript的限制,Vue不能检测对象属性的添加和删除。 二、解决方案 1、使用Vue全局的set()和delete()方法来添加和删除对象的属性 Vue.set(vm.person, 'name', 'Mary') Vue.delete(vm.person, 'name') 2、使用Vue实例的$set()和$delete()方法来添加和删除对象的属性 vm.$set(vm.person, 'name', 'Mary') vm.$delete(vm.person原创 2021-04-25 19:01:04 · 166 阅读 · 0 评论 -
Vue中的数组更新检测
一、数组更新检测简介 Vue的核心是数据与视图的双向绑定,为了监测数组中元素的变化,以便能及时反映到视图中,Vue对数组的中的变异方法进行了相关的包裹,其能够改变原始数组,即相关的变异方法能够很好的实现数据和视图的双向绑定。数组中还存在非变异方法,其不能改变原始数组。 Vue在检测到数组变化时,并不会直接重新渲染整个列表,而是最大化地复用DOM元素。替换的数组中,含有相同元素的项不会被重新渲染,因此可以大胆的使用旧数组,不用担心性能的问题。 二、变异方法 push() pop() shift() unsh原创 2021-04-25 18:38:32 · 430 阅读 · 0 评论