25组件之间的通信(练习)

Posted shanlu0000

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了25组件之间的通信(练习)相关的知识,希望对你有一定的参考价值。

练习:试下一个SPA   demo21/

header.component.ts 页头组件,实现子与父通信,定义一个方法,用来返回 true/false

cart.component.ts 购物车组件,渲染一个列表,就在ngOnInit 处理方法中通过ViewChild 调用 header组件中的方法,如果返回true渲染列表也,否则就不显示列表,放一个按钮,点击跳转到 订单确认

orderComfirm.component.ts  订单确认组件

  step1,button--》确认商品

  step2,button--》支付

  支持嵌套组件,step1.component.ts,step2.component.ts

以上是关于25组件之间的通信(练习)的主要内容,如果未能解决你的问题,请参考以下文章

12.组件化开发2-非父子组件之间通信-祖先和后代之间的通信

使用服务的角度子到父通信

vue父子组件之间的通信

vue组件之间的通信, 父子组件通信,兄弟组件通信

VUE:组件与组件之间的通信

Vue 组件间的通信方式