vue组件间通信

  1. 使用props和$emit实现父子组件通信
    首先在父组件中使用这个:<children :listdata='listdata'/>
    然后就可以在子组件的props中拿到

  2. 使用pubsub实现任意组件通信
    需要下载pubsub-js,具体用法跟在react中差不多
    provide提供使用的方法,inject使用

  3. 使用vuex实现全局状态管理

  • store:仓库,用来收集所有要用的数据
  • state:数据
  • getters:获取的方法
  • actions:触发的动作,一般是同步使用
  • mutations:异步触发动作,内部会去调用actions
  1. eventBus实现全局通信
    \(on:用来写触发函数,eventBus.\)on(事件, cb)
    \(emit:用来触发函数,eventBus.\)emit(事件,参数)

  2. \(parent和\)children

  3. $root

posted @ 2022-12-20 10:08  卿六  阅读(16)  评论(0编辑  收藏  举报