2-6: vue双向绑定的原理是什么?
2022/2/6 23:43:32
本文主要是介绍2-6: vue双向绑定的原理是什么?,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
由于 2021 年 vue 已经升级了底层的所使用的API,所以要分版本讲原理
vue2
宏观上:vue2 的底层响应式主要依靠 Object.defineProperty , 做到对,单个数据源数据,存值和取值时,监听其状态的改变,依靠 发布者-订阅者模式,做到的。
vue3
宏观上:vue3 实际上与vue2 做响应式原理的思想上是保持一致的,将其 Object.defineProperty
api 置换成了 Proxy
API 进行处理,
proxy 带来的好处(在vue2中,需要对data 中的每一个数据,进行递归劫持,进行(get,set处理),proxy 是运行时的,它只发生在,你当前需要对其值发生改变时,去响应式处理。所以一上来的性能消耗就没有了。)
其vue3 等同与重写vue2所有的代码,在优化方面下足了很多功夫,其模版的 优化更新,是react 目前jsx 设计太灵活,所不能拥有的
目前vue3 响应式的包单独分离为 @vue/reactivity
它允许被作为一个单独的包,进行使用。
这篇关于2-6: vue双向绑定的原理是什么?的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-23Vue新手入门教程:从零开始学习Vue框架
- 2024-11-23如何集成Ant Design Vue的图标
- 2024-11-23如何集成Ant Design Vue图标
- 2024-11-23使用vue CLI快速搭建Vue项目教程
- 2024-11-23Vue CLI多环境配置简单教程
- 2024-11-23Vue3入门教程:轻松搭建你的第一个Vue3应用
- 2024-11-23Vue3+Vite快速上手指南
- 2024-11-23Vue3阿里系UI组件入门指南
- 2024-11-23Vue3的阿里系UI组件入门指南
- 2024-11-23Vue3公共组件入门教程