vue的学习之路（Vue中组件(component )(1)

1、主页面代码过多 不利于管理 后续维护

2、vue实例需要一起初始化页面内容，可能会降低vue效率

3、功能展示过多 用户体验差

4、vue官方提供 组件技术

（1）一个组件负责一组功能 实现组件之间的隔离

（2） 组件还可以实现复用

（3）减少vue实例对象中代码量

二、vue中的组件

============================================================================

1、组件作用

Vue中组件 (component[kəmˈpoʊnənt])

组件作用: 用来减少Vue实例对象中代码量,日后在使用Vue开发过程中,可以根据 不同业务功能将页面中划分不同的多个组件,然后由多个组件去完成整个页面的布局,便于日后使用Vue进行开发时页面管理,方便开发人员维护。

2、组件分类

• 全局组件 直接注册给vue实例

• 局部组件 注册给vue实例中的compents属性 只能在vue中使用

3、全局组件注册

说明:全局组件注册给Vue实例,日后可以在任意Vue实例的范围内使用该组件