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

二、vue中的组件

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

1、组件作用

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

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

2、组件分类

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

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

3、全局组件注册

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

（1）全局组件使用案例

{ {msg}}

---

（2）全局组件具体使用

• 1.开发全局组件

/*

新建登录全局组件：

• 参数一：当前全局组件的名字

参数二：当前全局组件的配置对象

• */

Vue.component(“login”,{

// 组件对应标签内容

template:`

姓名：

密码：

`

})

• 2.使用全局组件 在Vue实例范围内

（3）注意事项:

• 1.Vue.component用来开发全局组件

参数1: 组件的名称

参数2: 组件配置{} template:’'用来书写组件的html代码 template中必须有