父子组件通信

组件通信之父传子

1.组件通信之父子组件通信 

  调用组件的方式就是写组件名称标签

  我们可以在父组件中通过组件标签属性来传递数据

  app.js(父组件)==》<todo-main foo='bar'></todo-main>(这是在父组件中的子组件渲染标签)

    a.在使用组件标签上添加自定义属性

    b.在子组件中通过props选项声明接收该数据,在TodoMain.js子组件中使用props选项来接收父组件传来的数据

    c.就像是用data数据一样,渲染使用到template中,props是在data函数之外定义的

猜你喜欢

转载自www.cnblogs.com/md-lw/p/10057075.html