为什么vue3要使用ref

2024-10-12 09:31:29

vue3中使用ref来创建响应式数据，让习惯了选项式API的我很不习惯。因为得使用xxx.value来读写响应式数据，没有vue2中直接使用this.xxx来读写简洁。

vue3这样设计的原因是原生JavaScript无法拦截对局部变量的读写，只能拦截对对象属性的读写。

// 局部变量a的读写，没法拦截

let a = 1

console.log(a)

// 对象属性b.value的读写，可以通过get/set或proxy拦截

let b = new Proxy({

  get() {

    // ...

  },

  set() {

    // ...

  }

})

最新文章

热门文章