借助vite-plugin-vue-setup-extend
插件
1.安装插件 pnpm i vite-plugin-vue-setup-extend -D
2.集成插件 在vite.config.ts
文件引入vite-plugin-vue-setup-extend
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueSetupExtend from 'vite-plugin-vue-setup-extend' // 引入插件
export default defineConfig({
plugins: [vue(), vueSetupExtend()]
})
3.直接在script标签使用name属性
<template></template>
<script setup name="layer">
</script>
<style lang="scss" scoped>
</style>