Vue3 ref sugar提案,vue $ref 语法
学习Vue3,关注不迷路。Vue3 的新语法糖: ref sugar当我们定义一个响应式ref变量时,会使用到ref,在获取它的值时,需要用var1.value这样的方式新的语法糖使我们不需要再调用value。它是这样使用的:let a =$ref(1)a++;//不需要.value上面我们使用$ref 替换了ref,这样定义的变量在setup中使用就不需要展开。现在直接写在项目中是不行的,需要在
·
学习Vue3,关注不迷路。
Vue3 的新语法糖: ref sugar
当我们定义一个响应式ref变量时,会使用到ref,在获取它的值时,需要用var1.value这样的方式
新的语法糖使我们不需要再调用value。它是这样使用的:
let a =$ref(1)
a++;//不需要.value
上面我们使用$ref 替换了ref,这样定义的变量在setup中使用就不需要展开。
现在直接写在项目中是不行的,需要在vue插件选项中开启:
vue({
script:{
refSugar:true
}
})
这样编译器才不会报错。
关于此语法糖,社区也是争论的不可开交,因为这样的方式ref的响应式体现不出来,这样,你第一次看到这个a变量,会以为是一个普通的变量而已。当然这在大型项目的开发中是比较危险的,但你维护一个项目时,要时刻的注意这到底是响应式的还是普通基础类型。
所以不建议使用。
更多推荐
已为社区贡献7条内容
所有评论(0)