vue2中添加name属性:
<script>
export default{
name: 'User'
}
</script>
vue3中添加属性:
方法1: 需要两个script标签
<script lang="ts">
export default {
name: 'User'
}
</script>
<script lang="ts">
</script>
方法2: 通过第三方插件vite-plugin-vue-setup-extend-plus
// 安装
yarn add vite-plugin-vue-setup-extend-plus -D
// vue.config.ts引入
import vueSetupExtend from 'vite-plugin-vue-setup-extend-plus';
export default defineConfig({
plugins: [
vue(),
vueSetupExtend()
]
})
// 组件中使用
<script lang="ts" name="User"></script>