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() { // ... } })
标签:为什么,set,...,读写,vue3,拦截,ref From: https://www.cnblogs.com/hdxg/p/17077498.html