一般而言,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
组件中。
应用程序.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