组件

1、什么是组件？

组件（component）是Vue最强大的功能之一，组件化开发，组件可以扩展HTML元素，封装可重用的代码。组件分为全局组件和局部组件。

2、全局组件

全局组件的书写格式：

Vue.component("组件名"，{
       template:`
       <模板>
          `
})

例：

3、局部组件

局部组件的书写格式：

component("组件名"，{
     template:`
      <模板>
         `
})

例:

4、prop

prop 是父组件用来传递数据的一个自定义属性,父组件的数据需要通过 props 把数据传给子组件。

例:

5、传值

组件之间的传值分为：父级传子级（用属性传值）、子级传父级（用事件传值）、同级之间传值。

父级传子级例1:

例2:

子级传父级例1:

例2:

练习1

练习2