Vue3中ref中的数据引用时自动添加.value

Vue3中引入了ref来创建响应式数据,但是在js代码中引用ref的变量数据时必须要加上.value才可以,这会导致在使用大量数据时,会经常忘记带上.value,从而导致错误。

下面为大家分享VScode中自动添加.value的插件volar。

首先确保VScode中安装了如下的插件,就是vue官方的插件。

Vue3中ref中的数据引用时自动添加.value_第1张图片

然后点击Vscode左下角的设置

Vue3中ref中的数据引用时自动添加.value_第2张图片

勾选Auto Insert

Vue3中ref中的数据引用时自动添加.value_第3张图片

效果:输入test,自动加上.value

Vue3中ref中的数据引用时自动添加.value_第4张图片

你可能感兴趣的:(vue.js,vue)