詳解Vue 非父子元件通訊方法(非Vuex)

2022-10-01 00:33:12 字數 871 閱讀 4683

一提到兩個非父子元件通訊方法,有經驗的 coder 肯定會說用 vuex 啊,我個人建議不要為了用 vuex 而用 vuex,除非你的專案很大,耦合度很高,需要大量的儲存一些 data,元件之間通訊頻繁。當然還是要根據自己的業務場景的來決定,總之還是那句話,不要為了用 vuex 而用 vuex!

vue 官網介紹了非父子元件通訊方法:

不過官網說的太簡單了,新手看完估計還是一臉懵逼。還有這個空的 vue 例項放到**合適也值得商榷。

這篇文章的目的就是用乙個簡單的例子讓你明白如何用 bus

vue 非父子元件通訊

vuex模組狀態管理進行模組間的通訊 1.建立名為store 2.建立名為index.js檔案 內容 import vue from vue import vuex from vuex vue.use vuex const state export default new vuex.store 3....

Vue 非父子元件通訊

元件是vue核心的一塊內容,元件之間的通訊也是很基本的開發需求。元件通訊又包括父元件向子元件傳資料,子元件向父元件傳資料,非父子元件間的通訊。前兩種通訊vue的文件都說的很清楚,但是第三種文件上確只有下面的幾句 具體如何去實現卻沒有很詳細的說明,於是自己試著進行了實現。先看下簡單的通訊效果 就是點選...

Vue父子元件及非父子元件如何通訊

父元件資料如何傳遞給子元件呢?可以通過props屬性來實現 父元件 子元件通過props來接收資料 方式1 方式2 方式3 這樣呢,就實現了父元件向子元件傳遞資料.那麼,如果子元件想要改變資料呢?這在vue中是不允許的,因為vue只允許單向資料傳遞,這時候我們可以通過觸發事件來通知父元件改變資料,從...