推荐vue3开发中好用的两个插件

推荐vue3开发中好用的两个插件

1.Vue - Official 当我们使用ref 修改数据的时候，需要手动.value, 这款插件修改数据的时候可以自动.value

在vscode 插件中搜索

然后点击插件中的设置

选中以下项，再重新打开就会生效

2.vue3 setup支持 设置name属性

在 Vue3 setup 语法糖默认是没有name属性的，
但是我们在某些特定情况是需要用到组件的name，比如在使用 keep-alive的时候，这个时候，就需要实现 setup语法糖那么增强，
这时候就要使用一个依赖

vite-plugin-vue-setup-extend 

安装完成之后还需要在 vite.config.js 配置文件中引入

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 导入插件包
import vueSetupExtend from 'vite-plugin-vue-setup-extend'
// https://vite.dev/config/
export default defineConfig({
  plugins: [vue(),vueSetupExtend()],
})

大功告成，这时候就可以在setup的时候对vue进行name的命名了。