vue3 proxy基本用法

原创

于 2020-12-19 10:38:24 发布 · 1.1w 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了Vue3中引入的proxy的使用，详细讲解了proxy带来的新变化及其基本应用，帮助开发者理解这一重要的更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue3 proxy基本用法

vue3 proxy基本用法
- 新的改变
- 基本使用

vue3 proxy基本用法

新的改变

我们的vue3 使用proxy 来代替vue2 的 Object.defineProperty 
效率更高，值得我们学习

基本使用

  <script>
        var target = {
            name: "xiaoming",
            age: 18
        }

        // handler 是一个对象
        const handler = {
            set(target, prop, value) {
                let result = Reflect.set(target, prop, value)
                console.log("设置的操作" + result)
                return true;
            },
            get(target, value) {
                let result = Reflect.get(target, value)
                console.log("获取的的操作" + result)
            }
        }

        let proxy = new Proxy(target, handler);
        proxy.coure = "java"
        console.log(proxy)
    </script>

这个打印效果：
在这里插入图片描述