Vue3 setup 语法糖下如何定义组件名称
Vue3 setup 语法糖下如何定义组件名称
·
1.vue2定义组件名
<script>
export default {
name: 'homeView'
}
</script>
2.vue3定义组件名
2.1俩个script
<script>
export default {
name: 'homeView'
}
</script>
<script setup>
// 其他操作
</script>
2.2使用插件
- 安装插件
npm i vite-plugin-vue-setup-extend -D
- vite.config.ts中使用插件
import { defineConfig } from 'vite'
import VueSetupExtend from 'vite-plugin-vue-setup-extend'
export default defineConfig({
plugins: [ VueSetupExtend() ]
})
- 使用
<script setup lang="ts" name="homeView">
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)