vue.js - 受现代 Javascript 的限制(以及废弃 Object.observe),Vue 不能检测到对象属性的添加或删除。
天蓬老师
天蓬老师 2017-04-11 11:54:30
[JavaScript讨论组]

原文

vue文档深入响应式原理一章关于变化检测问题中的这句话什么意思,具体是js的什么限制?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(1)
巴扎黑

ECMAScript中有两种属性:数据属性和访问器属性;
数据属性的描述符为:Configurable,Enumerable,Writable,Value;
访问器属性的描述符为:Configurable, Enumerable,set,get。

当我们使用new Vue(obj),其内部发生了大体如下代码的转换,即将数据属性,转换为了访问器属性

function Vue(obj){
    obj.data.keys().forEach((prop, index) => {
      Object.defineProperty(obj.data, prop, {
        set(){
          //可以在此处进行事件监听
        },
        get(){
    
        }
      })
    })
    return obj;
 }

但是当我们后面再次使用普通的赋值,仅仅是赋值了一个数据属性的,这个属性是不会具有访问器属性的事件监听功能的。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号