Vue3使用vite-plugin-vue-setup-extend在setup中添加 name 属性

作者：IT小白 | 2024-06-23 14:30:40

踩

vite-plugin-vue-setup-extend

安装

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

配置vite.config.ts


import { defineConfig } from 'vite'
 
// 安装的插件
import VueSetupExtend from 'vite-plugin-vue-setup-extend'
 
export default defineConfig({
  plugins: [ VueSetupExtend() ]
})

在组件中使用


<script lang="ts" setup name="test">
 
</script>

之前出现过 bug 参考了某某码友，得到了解决，啊哈哈哈
bug => 在使用 vite-plugin-vue-setup-extend 0.4.0 及以前版本时，会有个问题：如果 script 标签内没有内容，即使给 script 标签添加上 name 属性，其在 vue-devtools 内也不会生效

解决方法


	<script lang="ts" setup name="test">
	// test
	</script>

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