小编mza*_*rog的帖子

从组件的 <script setup> 中定义暴露在 vue 3 中不起作用

一般而言,Vue 新手,目前使用 3.2.37,我可能误解了composition api\xe2\x80\x99s DefineExpose 指令的正确用法,如下所述: https: //vuejs.org/api/sfc-script-setup.html #defineexpose

\n

还有一些线程,解释如何从内部公开成员,<script setup>例如Calling method on Child Component - Composition API。但不知何故,我无法设法version公开子组件的常量引用HelloWorld,以便可以将其version插值到app组件中。

\n

应用程序.vue:

\n
<script setup>\nimport HelloWorld from \'./components/HelloWorld.vue\'\n</script>\n\n<template>\n  <main>\n    <HelloWorld />\n    <h1>version:{{HelloWorld.version}}</h1>\n  </main>\n</template>\n
Run Code Online (Sandbox Code Playgroud)\n

你好世界.vue:

\n
<script setup>\nimport { ref } from \'vue\';\n\nconst version = ref(\'1.0.0\');\n\ndefineExpose({ version });\n</script>\n\n<template>\n    <div>\n        <h3> You\xe2\x80\x99ve successfully created a project with Vue.js and Vuetify. </h3>\n    </div>\n</template>\n
Run Code Online (Sandbox Code Playgroud)\n

图像:\n版本 1.0.0 未显示

\n

vue.js subcomponent vuejs3 vue-script-setup

8
推荐指数
3
解决办法
3万
查看次数

标签 统计

subcomponent ×1

vue-script-setup ×1

vue.js ×1

vuejs3 ×1