Vue 教程
局部组件
我们可以将组件直接包含在 *.vue 文件的 <script> 标签中，而不是将其包含在 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 的 <script> 标签中。
App.vue:
<template>
<h3>Local Component</h3>
<p>CompOne.vue 组件是局部组件，只能在 App.vue 内部使用。</p>
<comp-one />
<comp-two />
</template>
<script>
import CompOne from './components/CompOne.vue';
export default {
components: {
'comp-one': CompOne
}
}
</script>
CompOne.vue 组件现在仅在 App.vue 中可用。
如果您在开发模式下运行应用程序并尝试从 CompTwo.vue 内部使用 CompOne.vue，您会收到警告:
Vue 练习
相关视频
24小时阅读榜
精品课程
独孤九贱(2)_CSS视频教程
共22课时
24.3万人学习
独孤九贱(3)_JavaScript视频教程
共28课时
36.2万人学习
独孤九贱(4)_PHP视频教程
共89课时
133.1万人学习
热门下载
phpStudy 2018最新版
集成PHP7，16种组合，超全大合集
下载
vc9-vc14（32+64位）运行库合集（链接在下方）
phpStudy安装所需运行库集合下载
下载
php程序员工具箱完整版
程序员工具箱 v1.0 php集成环境
下载
SublimeText3汉化版
中文版，非常好用
下载
Notepad++ Windows版
Notepad++ 8.9.7 Windows版官方安装包，适合 Windows 用户进行代码编辑、文本处理、语法高亮和插件扩展配置。
下载
phpStudy V8.1（Win64位）（已支持php8）
Win64位，支持php多版本共存
下载