zoukankan      html  css  js  c++  java
  • ES6深入浅出-13 Proxy 与 Reflect-3.Vue 3 将用 Proxy 改写





    如果说想打印出来年龄,但是有没有年龄的这个key值


    把创建年龄写在一个按钮上面

    通过一个事件来做。





    点击创建年龄的按钮,给obj.age设置为18,但是页面的双向绑定并没有显示出来。


    因为不响应式,为什么vue不能发现了我改了age呢???因为vue是通过另外一个api。Object.defineProperty来做响应式 的

    vue发现你有个name属性,于是就给这个name创建Property,会根据你get和set的时候去更新页面上的值。因为默认没有age属性,所以就不会去age进行get和set的拦截。

    Object.defineProperty这个api的缺点是必须给它一个key。就是没有办法拦截不存在的key

    只要以开始有这个key就可以了。哪怕值是undefined。只要有这个key是age就可以了


    如果用proxy,就不必,必须要定义这个age的值了。

    模拟改变值时的变化







    建议买的课程是js深入浅出,并不是这套ES6的课程

     

    结束

  • 相关阅读:
    基于spec评论作品
    Alpha版发布
    软件工程第七次作业
    软件工程第六次作业
    软件工程第五次作业
    django-rest-framework笔记-序列化篇
    django restframework系列笔记
    rpyc 文件监控
    python subprocess select 读取
    Python 多线程 类和方法
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/11873017.html
Copyright © 2011-2022 走看看