第3章 vue组件开发

1. 组件开发

在vue中，组件是最重要的组合部分，官方中定义组件为可复用的vue实例，分为全局组件和局部组件。

1.1 全局组件

使用全局组件的步骤如下:

• 调用vue.extend()创建一个组件构造器，该构造器中有一个选项对象的template属性可以用来定义组件要渲染的HTML
• 使用vue.component()注册组件，需要提供2个参数：组件的标签和组件构造器。vue.component()内部会调用组件构造器，创建一个组件实例
• 将组建挂载到某个vue实例下

因为组件是可复用的vue实例，所以它们也能接收data、computed、watch、methods以及生命周期钩子等选项

1.2 局部组件

调用Vue.component()注册组件时，组件的注册是全局的，这意味着该组件可以在任意Vue示例下使用。 如果不需要全局注册，或者是让组件使用在其它组件内，可以用选项对象的components属性实现局部注册。

虽然上面的组件是在某个具体的vue实例下注册的，但是组件构造器还是全局的，这个并不是完全意义上的局部组件，下面这种组件才是真正意义上的局部组件。

1.3 组件模板

可以通过