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

作者：Guff_9hys | 2024-06-23 14:14:37

踩

vuesetupextend

如果我们在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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Guff_9hys/article/detail/749799