vue.js-组件嵌套

组件嵌套，即父组件中嵌套子组件

如在搭建好项目中，在App.vue中调用子组件HelloWorld，就是组件嵌套：

 

 子组件在使用过程中如下两种注册方式：

1.注册全局组件

 在main.js中，分别进行引入组件和注册全局组件操作

 

如果写成带单引号Vue.component('HelloWorld','HelloWorld')，会报如下错误

 

 

 注：组件注册了全局组件，可以在任何地方使用，但是这种情况一般是需要某种特殊的情况，才会注册成全局组件，但是全局组件如果改动了，会影响所有使用到的地方。

2.局部注册

 在要调用组件的地方，进行如下两个操作即可：

 

通过两种方式实现的子组件注册，浏览页面都是一样的效果，如下：