vue组件

2021-09-03 130 阅读1分钟

1630660985(1).png

1630896270(1).png

父子组件数据传递 1630997161(1).png （逐级传递的方式）

1630999141(1).png

第一种，在子组件中使用 this. $emit(要触发的自定义方法名,参数) 第二种，this.$ ref.xxx. $on(绑定的自定义方法名,...xxx)后在子组件中使用 this.$ emit(要触发的自定义方法名,参数)

解绑自定义方法 this.$off()

1631000230(1).png

全局事件总线：任意组件间通信

1631000847(1).png

1631001821(1).png

消息订阅与发布（不如全局事件总线）

1631004374(1).png

nextTick

1631004253(1).png

Vue封装的过渡与动画

1631005573(1).png

1631005590(1).png

多组件共享数据

用全局事件总线实现（太麻烦）
vuex实现

1631072014(1).png