Vue 组件嵌套（vue-cli）

1.全局注册组件

main.js
全局注册组件后，在任何地方都可以直接使用

import Header from "./components/Header";
import Footer from "./components/Footer";
import Content from "./components/Content";

Vue.component("Header", Header)
Vue.component("Footer", Footer)
Vue.component("Content", Content)

components-->Header.vue

components-->Content.vue

components-->Footer

App.vue

效果图:

image.png

2.局部注册

Header、Content、Footer
不变

main.js
删除全局注册代码

App.vue
这里将组件注册到App.vue中，只能App.vue中使用

效果与上述相同