实现＜script＞标签使用name绑定组件名称

本文主要是介绍实现＜script＞标签使用name绑定组件名称，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

下载安装

npm i vite-plugin-vue-setup-extend

在vite.config添加配置import VueSetupExtend from 'vite-plugin-vue-setup-extend'

import { fileURLToPath, URL } from 'node:url'import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import VueSetupExtend from 'vite-plugin-vue-setup-extend'// https://vitejs.dev/config/
export default defineConfig({plugins: [vue(),VueSetupExtend(),],resolve: {alias: {'@': fileURLToPath(new URL('./src', import.meta.url))}}
})

 后续可以在<script>标签使用name对组件命名

<script lang="ts" setup name="Modal">

这篇关于实现＜script＞标签使用name绑定组件名称的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---