Vue.js 学习笔记九:组件化开发之组件补充使用

目录

 

组件补充使用

全局组件和局部组件

父组件和子组件

注册组件语法糖


组件补充使用

全局组件和局部组件

当我们通过调用 Vue.component() 注册组件时,组件的注册是全局的。这意味着该组件可以在任意 Vue 示例下使用。如果我们注册的组件是挂载在某个实例中,那么就是一个局部组件。

如果我们注册的组件是挂载在某个实例中, 那么就是一个局部组件:

		

 

父组件和子组件

在前面我们看到了组件树,组件和组件之间存在层级关系,而其中一种非常重要的关系就是父子组件的关系。我们来看通过代码如何组成的这种层级关系:

		

 

注册组件语法糖

在上面注册组件的方式,可能会有些繁琐。Vue 为了简化这个过程,提供了注册的语法糖。

主要是省去了调用 Vue.extend()的步骤,而是可以直接使用一个对象来代替。

语法糖注册全局组件和局部组件:

		

 

你可能感兴趣的:(Vue.js,学习笔记,vue,js)