父子组件通信

组件通信之父传子

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:事件名称 = 新事件名称，事件接收一个参数，参数就是子组件发布时间需要传输的数据，可以在子组件页面标签中定义一个属性，让该属性接收事件参数，就可以在各个地方使用该属性