我们可以将组件直接包含在 *.vue 文件的 标签中,而不是将其包含在 main.js 中。
如果我们直接在 *.vue 文件中包含组件,则该组件只能在该文件中本地访问。
为了使 CompOne.vue 成为 App.vue 的本地资源,并且只能在 b2 中访问,我们将其从 main.js 中删除。
main.js:
import { createApp } from 'vue'
import App from './App.vue'
import CompOne from './components/CompOne.vue'
import CompTwo from './components/CompTwo.vue'
const app = createApp(App)
app.component('comp-one', CompOne)
app.component('comp-two', CompTwo)
app.mount('#app')
并将 CompOne.vue 直接包含在 App.vue 的 标签中。
App.vue:
Local Component
CompOne.vue 组件是局部组件,只能在 App.vue 内部使用。
运行示例 »
CompOne.vue 组件现在仅在 App.vue 中可用。
如果您在开发模式下运行应用程序并尝试从 CompTwo.vue 内部使用 CompOne.vue,您会收到警告:
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
71万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习