vue.js-组件嵌套

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

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

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

1.注册全局组件

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

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

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

2.局部注册

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

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

原文地址:https://www.cnblogs.com/sunshine2017/p/12317303.html