Vue3使用setup-extend简化组件名写法

如果我们在Vue3中要使用setup的语法糖，就需要使用两个script标签，一个用于设置组件的name属性，一个用于编写setup中的代码。如下：

但是我们有觉得光是因为一个name属性就多写一个script标签有点麻烦了。

因此我们可以使用插件来进行简化，将name作为script标签的属性来设置组件名。

使用方法：

1. 安装setup-extend

npm i vite-plugin-vue-setup-extend -D

 

2. 在vite-config.js中调用插件

3. 在script标签上配置name