组件嵌套,即父组件中嵌套子组件
如在搭建好项目中,在App.vue中调用子组件HelloWorld,就是组件嵌套:
子组件在使用过程中如下两种注册方式:
1.注册全局组件
在main.js中,分别进行引入组件和注册全局组件操作
如果写成带单引号Vue.component('HelloWorld','HelloWorld'),会报如下错误
注:组件注册了全局组件,可以在任何地方使用,但是这种情况一般是需要某种特殊的情况,才会注册成全局组件,但是全局组件如果改动了,会影响所有使用到的地方。
2.局部注册
在要调用组件的地方,进行如下两个操作即可:
通过两种方式实现的子组件注册,浏览页面都是一样的效果,如下: