vue2的getter和setter
时间: 2023-09-20 20:15:02 浏览: 151
Vue2使用Object.defineProperty将data对象的所有属性转换为getter和setter函数。这样做的目的是为了在属性被访问或修改时能够追踪依赖并通知变更。这些getter和setter对于用户来说是不可见的,但是Vue内部使用它们来实现数据劫持和发布订阅者模式。getter负责记录依赖,setter负责拦截对data属性的赋值和修改DOM的更新。需要注意的是,不同浏览器在控制台打印数据对象时,对getter和setter的格式化可能不同,建议安装vue-devtools来获取更加友好的用户界面来检查数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [vue2双向绑定原理:深入响应式原理defineProperty、watcher、get、set](https://blog.csdn.net/weixin_48998573/article/details/127207086)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文