组件简单引入

1、定义：用来实现局部（特定）功能效果的代码集合（html/css/js/image.....）

2、为什么需要用到组件：一个界面的功能很复杂

3、作用：复用编码，简化项目编码，提高运行效率

非单文件组件

一个文件中包含有n个组件

单文件组件

一个文件中只包含有一个组件

使用组件的三个步骤：

1. 定义组件（创建组件）
2. 注册组件
3. 使用组件（写组件标签）

一、定义组件

        使用vue.extend（options）创建，其中options和new Vue(options)时传入的哪个options几乎一样，但是略有却别：

        1、el不能写，因为最终所有的组件都要经过一个vm的管理，由vm中的el决定服务哪个容器

        2、data必须写成函数，因为可以避免组件被复用时，数据存在引用关系

备注：使用template可以配置组件结构。

二、注册组件

1、局部注册：靠new Vue的时候传入components选项

2、全局注册：靠Vue.component('组件名',组件)

三、编写组件标签

在注册时怎么命名的便怎么写，例如：<haha></haha>