俄罗斯网站推广,wordpress 显示用户昵称,做电影网站赚钱吗,网站建设常用模板下载问题说明
当我们在 使用 script setup 组合式 API的时候#xff0c;发现我们并没有给组件指定它的名称。
此时它实际上使用的是 文件的名称 作为组件的名称。
例如 #xff1a; 组件文件是 【componentABC.vue】
那么这个组件的默认名称就是 【componentABC】.现在我…问题说明
当我们在 使用 script setup 组合式 API的时候发现我们并没有给组件指定它的名称。
此时它实际上使用的是 文件的名称 作为组件的名称。
例如 组件文件是 【componentABC.vue】
那么这个组件的默认名称就是 【componentABC】.现在我们如何显式地为组件指定一个名称呢
下面就是本文要介绍的解决方案解决方案一 在 vue3 中提供了一个 defineOprions 方法 此方法可以帮助我们 配置 组件的选项式 属性,例如 name 属性; 而且这个方法可以直接使用不需要做任何的引入动作。 下面是代码案例 文件名称 componentABC.vue script setup langtsdefineOptions({name:xxxx // 此时这个组件的名称就是 xxx })
/script注意 这个方法官方文档显示只能在 vue 3.3 的版本中使用。 解决方案二 这是个比较通用的解决方案但是不是很优雅 就是 再写一个 script 标签通过选项式的方式指定name属性。 下面是代码案例 文件名称 componentABC.vue script langtsexport default {name:cca}
/scriptscript setup langts。。。
/script这种方式就是 会出现多个 script 标签但是功能上没啥问题。
