Vue——组件传值（组件通信）

父传子：父组件的值传给子组件。

要在子组件的template中使用父组件的数据，需要两个步骤

         1.在div的组件标签中声明要引用的数据，如：

<my-com :num="1" :parent-data="attr2"></my-com>

等号左边是自定义的变量名，之后要用到子组件props中，等号右边是父组件的属性名。

         2.在子组件prop中声明，如：

  props: ['num', 'attr1', 'parentData']

注意：父组件给子组件数据的时候，子组件可以定义数据类型

  静态传参：不加冒号，传字符串

  动态传参：加冒号，传number、boolean、object、数组类型的值，变量

> props: {

>   title: String,

>   likes: Number,

>   isPublished: Boolean,

>   commentIds: Array,

>   author: Object,

>   callback: Function,

>   contactsPromise: Promise // or any other constr