分类：组件通讯

2021
07-09

详解Angular父子组件通讯

目录概述一、输入输出属性概述二、输入属性三、属性绑定是单向的，从父组件到子组件四、输出属性1、先模拟一个实时变动的IBM的股票价格2、把信息输出出去，告诉组件外部，谁感兴趣谁来订阅3、在父组件中接收报价信息并显示总结概述Angular组件间通讯组件树，1号是根组件AppComponent。组件之间松耦合，组件之间知道的越少越好。组件4里面点击按钮，触发组件5的初始化逻辑。传统做法：在按钮4的点击事件里调用组件5的方法。紧密耦合... 继续阅读 >

2020
10-09

八种Vue组件间通讯方式合集(推荐)

前言Vue提供了各种各样的通讯,其中包括兄弟间的通讯和非兄弟间的通讯,借此机会做个总结，查阅起来方便。如果喜欢的话可以帮忙点个赞:+1:或者关注一下:yum:1、props 目录结构components├──Parent.vue//父亲├──Son1.vue//儿子1代码结构在父亲组件中使用儿子组件，给儿子通过:date="xxx"单向传值<template><div><div>爸爸:{{date}}</div><Son1:date="date"></Son1></div></template><script>impor... 继续阅读 >