组件

组件其实就是一个特殊的vue实例

VUe.component('组件名称',组件的选项对象)

• 选项对象其实就是我们new Vue时传递的对象
• 组件不需要el选项
• 组件必须要有一个template或render选项
• 组件的data 必须是一个函数形式，否则报错且不能复用（如果是对象形式，而对象是引用数据类型）

注册组件

1. 全局注册

Vue.component('el-button',{
  template:`
    <div>
      <button>全局按钮</button>
    </div>
`
})
2.局部注册
```js
Vue.component('el-input',{
  template:`
    <div>
      
    </div>
`
})
# props
```js
Vue.component('parent',{
  template:`
  <h1>父组件</h2>
`
})