使用unplugin-vue-define-options插件
npm i unplugin-vue-define-options -D
在vite.config.ts中配置
// vite.config.ts
import DefineOptions from 'unplugin-vue-define-options/vite'
import Vue from '@vitejs/plugin-vue'
export default defineConfig({
plugins: [Vue(), DefineOptions()],
})
如果是ts项目需要在tsconfig.json中添加一个配置
{
"compilerOptions": {
"types": ["unplugin-vue-define-options"]
}
}
vue中使用
<script setup lang="ts">
defineOptions({
name: 'App'
})
</script>
使用unplugin-vue-define-options插件 在vite.config.ts中配置 如果是ts项...
script标签 这里vue3在script标签上加上了setup，可以简化使用，如下所示，引入组件后可以直接使用...
setup setup() 函数是 vue3 中，专门为组件提供的新属性。它为我们使用 vue3 的 Compos...
1、vite-plugin-vue-setup-extend 解决vue3下 script setup语法糖 下 ...
setup() 函数是 vue3 中，专门为组件提供的新属性。它为我们使用 vue3 的 Composition ...
vue3 template 部分 vue3 逻辑部分 采用script-setup语法糖 (和vue2一样的 di...
vite中可以使用script setup语法糖，vscode有Volar扩展来适配vue3的语法，需要禁用掉Ve...
Vue3官方提供了 script setup语法糖[https://so.csdn.net/so/search?q...
详细内容请看官方文件[https://github.com/vuejs/rfcs/blob/master/acti...
Vue3中，子组件通过setup函数中的第一个参数值 props 拿到定义的组件参数进行使用。如果要向父组件传参，...
本文标题：vue3 在script setup中声明组件名字
本文链接：https://www.haomeiwen.com/subject/yadpbrtx.html
网友评论