组件通信之父传子
1.组件通信之父传子组件通信
在父组件中的子页面的标签上面定义想要传输过去的属性数据
在子组件中data()的外面通过props：[ '属性名' ]，之后就可以像调用data里面的数据一样调用props的数据
我们可以在父组件中通过组件标签属性来传递数据
app.js（父组件）==》<todo-main foo='bar'></todo-main>（这是在父组件中的子组件渲染标签）
a.在使用组件标签上添加自定义属性
b.在子组件中通过props选项声明接收该数据，在TodoMain.js子组件中使用props选项来接收父组件传来的数据
c.就像是用data数据一样，渲染使用到template中，props是在data函数之外定义的
2.组件通信之子传父通信
在子组件的页面中需要传输数据的地方发布一个事件this.$emit(事件名称，值)
在父组件的子组件页面标签中，添加v-on:事件名称 = 新事件名称，事件接收一个参数，参数就是子组件发布时间需要传输的数据，可以在子组件页面标签中定义一个属性，让该属性接收事件参数，就可以在各个地方使用该属性