vue3——1分钟，从此不用再写.value

效果

按回车时自动补充了.value属性

吐槽

曾想过为什么ref必须要value（总是在想业务逻辑时被这个.value打断一下，很烦），但reactive不用（但reactive不能直接赋值）。
每次要用到变量时都要网上翻一翻到底是ref声明，还是reactive声明。
后来瞅了瞅源码，能力有限封装不了，改变不了现状。
再后来图方便，我直接声明了一个data，就好像回到了vue2，好整洁了许多（业务复杂的obj额外声明）

const data = reactive({
	params1: '',
	params2: {},
})

但！现！在！想怎么写就怎么写，心智负担-1

开关位置

打开【Vue Language Features (Volar)】插件的拓展设置，搜索【Dot Value】，勾上

其它好用的配置

vscode自动格式化Setting（html短标签一行，长标签分段）