this.$set() is not a function

Question

我在使用vue3的时候，使用递归方法更新一个数据，其中使用了this.$set()方法来更新，但是报错TypeError

        async getTree(){
                this.addShow(this.menus);
            }
        },
        //递归函数在每一项中添加selectArr和show
        addShow(arr){
            for(var i = 0; i < arr.length;i++){
                // 报错
                // this得到的不是vue的viewModel
                this.$set(arr[i],"show",true);
                this.$set(arr[i],"selectArr",[]);
                if(arr[i].userList && arr[i].userList.length > 0){
                    this.addShow(arr[i].userList)
                }
            }
        },

后面参考网上的教程，我在循环外部获取this，也不行

        async getTree(){
                this.addShow(this.menus);
            }
        },
        //递归函数在每一项中添加selectArr和show
        addShow(arr){
            var vm = this;
            for(var i = 0; i < arr.length;i++){
                // 报错
                // this得到的不是vue的viewModel
                vm.$set(arr[i],"show",true);
                vm.$set(arr[i],"selectArr",[]);
                if(arr[i].userList && arr[i].userList.length > 0){
                    vm.addShow(arr[i].userList)
                }
            }
        },

Answer 1

this.$et 不是一个函数 。你打印 this看看 有没有 $set方法 。

vue 3用不到 set了

Vue3 中 新出的 reactivity API：

reactive
readonly
ref
computed
如果想要让一个对象变为响应式数据，可以使用reactive或ref

vue3 废除了它 建议好好看看 vue2 到三 的迁移 里面写了很多 废弃的api

介绍 | Vue.js Vue.js - The 渐进式 JavaScript 框架 https://v3.cn.vuejs.org/guide/migration/introduction.html#%E8%A2%AB%E7%A7%BB%E9%99%A4%E7%9A%84-api