Vue中你可能认为是bug的情况原来是这样的

最新推荐文章于 2021-06-16 04:17:04 发布

凃老师

最新推荐文章于 2021-06-16 04:17:04 发布

阅读量842

点赞数

本文链接：https://blog.csdn.net/tjx11111/article/details/104482733

版权

本文探讨Vue框架的双向数据绑定原理，解释为何改变数组中基本数据类型元素不会更新视图，并提出解决方案——使用Vue.set()。通过实例展示了在尝试直接修改数组元素时，Vue不会进行响应式更新，同时提醒开发者注意基本数据类型在数组中的特殊性。

摘要由CSDN通过智能技术生成

前言

我们知道Vue框架剧本双向数据绑定功能，在我们使用方便的同时，还有一些细节问题我们并不知道，接下来一起探讨一些吧

双向数据绑定

js变量改变影响页面
页面改变影响js变量

Vue2是如何做到数据绑定的

Object.defineProperty(obj,key,{
                set:function (newV) {
                    val = newV;
                     // 通知所有用到这个属性的DOM更新
                    dep.notifyAll();
                },
                get:function () {
                    if (Dep.currentSub) {
                         // 对这个属性,新订阅一个元素
                        dep.subscribe(); 
                    }
                    return val;
                }
            });