组件之间数据信息传递方法

1.props(数据双向绑定,props,可祖传父,父传子能隔代)

      将组件中需要传递的东西交给共同的父亲,父亲再将数据交给其中一个儿子,这个过程通过props的方法传递,让son2接收 props['xxx'],此时接收的数据出现在son2的实例对象vc身上,所以模板可以使用。

     此时son1要获得数据1,father就要提前创造一个函数传递给son1,然后son1调用函数。此时就可以定义在father中的函数,进行操作,这就意味着只要son1调用函数,vue就会重新解析模板,然后更新数值。

总结:借用父亲创造函数,子组件调用函数并且传参传到父亲创造的函数中

结合todolist案例

  <MyFooter :todos="todos" :checkAllTodo=" checkAllTodo" :clearAllTodo="clearAllTodo"/>

props:['todos','checkAl
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值