首页 > 其他分享 >vue3原理

vue3原理

时间:2023-01-31 17:13:19浏览次数:52  
标签:return log name console propName vue3 原理 target

        const p = new Proxy({ name: '路飞', age: 18},  { // 创建代理
            // 查
            get(target,propName){
                console.log(`有人读取了p身上的${propName}`)
                return target[propName];
                // 反射
                return Reflect.get(target,propName)
            },
            // 改 增
            set(target, propName, value){
                console.log(`有人修改了p身上的${propName}属性`);
                target[propName] = value;
            },
            // 删
            deleteProperty(target, propName){
                console.log(`有人删除了p身上的${propName}属性`)
                return delete target[propName];
            }
        })
        console.log(p.name); // 有人读取了p身上的name
        p.obj.type = 'b'  // 有人修改了p身上的name属性
        delete p.age     // 有人删除了p身上的age属性
        console.log('p', p); // Proxy {name: '1234'}
return target[propName];
// 反射
return Reflect.get(target,propName)
反射这部分,我也不是特别理解,懂的小伙伴,留言我学习下

标签:return,log,name,console,propName,vue3,原理,target
From: https://www.cnblogs.com/webtown/p/17079838.html

相关文章

  • Java并发JUC——CAS原理
    什么是CAS在计算机科学中,比较和交换(CompareAndSwap)是用于实现多线程同步的原子指令。它将内存位置的内容与给定值进行比较,只有在相同的情况下,将该内存位置的内容修改为......
  • vue3.2 element-plus ui el-date-picker组件日期显示错误,只显示每月一号
    参考:https://blog.csdn.net/just_didi/article/details/125427169不管怎么点,怎么选,只能切换到每个月的一号,后面查找了很多文章发现上述文章提到的将yyyy-MM-dd改成YY......
  • MysqlB树、B+树索引原理、性能优化原理、
    Mysql索引为什么选择B+树这种数据结构1、二叉树无法解决单边增长的问题。2、红黑树虽然可以通过节点旋转来达到节点自动平衡的问题、但无法有效控制树的高度。3、B树、B+......
  • vue3 el-cascader 实现 一级单选 ,二级多选,只能选择三个
    实现效果如下思路是1.选择一个时,取出一级选中值code,首先把一级中code不是选中code的置灰,实现一级单选2.当选择二级时,选中数组长度大于等于三,则把当前二级数据(不是选中......
  • ElasticSearch概念与架构原理
    一、概述ElasticSearch简介简介ES是建立在Lucene基础之上的分布式准实时搜索引擎,它所提供的诸多功能中有一大优点,就是实时性好。比如:在业务需求中,新增数据需要1min才......
  • 随堂笔记2-手写模拟spring底层原理
    userServce->无参构造方法->普通对象->依赖注入->初始化前(postStruct)->初始化(initializationBean)->初始化后(aop)->代理对象->bean大概流程:scan扫描注解,获取注......
  • 液压部件原理
    上图所示为一种液压传动系统的示意图利用液体压力传递的性质,根据液面平衡、压强相等原理,衡量得出质量的大小。液压原理在一定的机械、电子系统内,依靠液体介质的静压力,完成......
  • 【转载】【SSM】SpringBoot 统一功能处理,(*Spring 拦截器实现与原理)
    ✨1.用户登录权限效验1.1最初用户登录验证1.2SpringAOP用户统一登录验证的问题1.3Spring拦截器1. 自定义拦截器2.将自定义拦截器加入到系统配置1.4拦截器实......
  • 谈谈Vue3中的ref和reactive
    一、是什么?ref和reactive是Vue3中用来实现数据响应式的API一般情况下,ref定义基本数据类型,reactive定义引用数据类型(我喜欢用它来定义对象,不用它定义数组,原因后面讲)我......
  • vue3 之 ref
    vue3之ref vue2中的ref获取一个dom元素和实例对象 vue3中ref是用来定义数据响应式特别注意:ref可以接收基本数据类型,也可以是对象类型1、基本数据类型......