1父子组件通信
2兄弟组件通信
3跨级组件通信
父子组件通信方式:props/$emit/$parent/$children/$refs
兄弟组件和跨级组件通信方式:中央事件总线eventBus/provide/inject/vuex/浏览器本地存储进行通信
1父子组件通信
2兄弟组件通信
3跨级组件通信
父子组件通信方式:props/$emit/$parent/$children/$refs
兄弟组件和跨级组件通信方式:中央事件总线eventBus/provide/inject/vuex/浏览器本地存储进行通信
Vue3 组件通信
组件通信的5种方式propsvue的自定义事件pubsub第三方库slotvuex(后面单独讲)props父子组件
总有一款合适的通信方式。
Vue3
本文整理了 Vue3 的8种组件通信和 Vue2 的12种组件通信写法,希望对你有一点点帮助,奥力给
目录一、父子组件通信二、子父组件通信三、非父子组件通信四、vue-router五、多组件通信(Vuex)1. prop
1、中央事件总线bus 2、父链 注:尽量少用,父子组件最好通过props和$emit来通信。 3、子组件索引 注:仅仅作为直接访问子组件的应急方案,避免在模板或者计算属性中使用$refs.
举报文章
请选择举报类型
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG,图片不超过1.9M