VUEcomputed

    xiaoxiao2022-07-05  141

    computed: { numComputed:{ get(){ console.log("get") return this.num + 500; }, set(newVal){ console.log("set") this.num += newVal; } } }, numComputed函数名get(){{numComputed}}这个是get方法返回的结果set()监听@click=“numComputed=100”set(newValue=100)

    触发get()

    1.页面加载 [数据发生改变,视图就发生改变]

    也就是说,在页面加载就发生了一次get()事件

    2.data.num发生改变 [数据发生改变,视图就发生改变]

    只有它当前依赖的data数值发生改变 计算属性才会重新求值

    触发set()

    1.numComputed=参数

    注意点:

    numComputed不可在data里面定义,如果定义会报如下图片的错误,因为对应的computed作为计算属性定义fullName并返回对应的结果给这个变量,变量不可被重复定义和赋值,因为已经声明过一次,再声明为一个函数是不可以的;

    最新回复(0)