Vue3使用vite-plugin-vue-setup-extend在setup中添加 name 属性
【代码】Vue3使用vite-plugin-vue-setup-extend在setup中添加 name 属性。
·
-
安装
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>
更多推荐
已为社区贡献17条内容
所有评论(0)