vue兄弟組件之間傳值
兄弟組件指的是在同一個根組件中的組件, 組件之間沒有使用關係。
兄弟組件之間的數據傳值有兩種方式:
第一種在組件結構相對簡單情況下,可以通過兄弟組件中的父組件, 子組件先把數據傳遞給父組件,父組件再傳遞給另外的子組件;
第二種是在兄弟組件中創建一個公共的vue實例來實現事件的發出和監聽。
以下是操作示範:
vue實例:
import Vue from 'vue'
export default new Vue()
接着在子組件中引入公共的vue實例, 通過vue實例來發出事件:
methods: {
tellname () {
// 發出事件,傳遞數據 givename自定義事件
bus.$emit('givename', this.mybfname)
}
}
然後將另外的子組件引入公共vue實例, 通過vue實例監聽事件並接收數據:
import bus from '@/utils/myvue.js'
// 組件一加載就進行兄弟組件所發出的事件的監聽
mounted () {
// $(dom).on('click',function(){})
// bus.$on(兄弟組件中自定義的事件, 處理函數)
// 處理函數有一個默認參數,就是其它組件所傳遞的數據
bus.$on('givename', (data) => {
console.log(data);
this.mysbfname = data
})
}
關於兄弟組件之間的數據傳值方式,我們就分享到這啦!
-
移動硬盤壞了上面的數據能恢復嗎
移動硬盤壞了數據能否恢復要看硬盤損壞的程度,如果壞的程度不嚴重,可以通過電腦自動修復。通過電腦自動修復硬盤的方法比較簡單,首先將移動硬盤連接到電腦上,選中移動硬盤,右鍵點擊【屬性】-【工具】-【差錯】-【開始檢查】,勾選【自動修復文件系統錯誤】和【掃描並...
-
載人火箭頂部有一個尖頂叫什麼塔
1、載人火箭頂部有一個尖頂叫逃逸塔,又名逃生塔,裝在飛船頂端,從遠處看像是火箭上的避雷針,與一般火箭圓錐形的頭部很不相同。2、由塔架、逃逸發動機和分離發動機(均爲固體火箭發動機)組成,發生緊急情況時,逃逸發動機迅速點火,使航天員座艙(返回艙)與固體火箭分離,迅速脫離...
-
如何清空瀏覽器緩存,清空瀏覽器緩存的方法
打開chrome瀏覽器,使用Ctrl+Shift+Delete快捷鍵,就會打開清理瀏覽數據頁面,選擇清理緩存選項,然後單擊“清除瀏覽數據”按鍵即可。或者單擊瀏覽器上的扳手--選項--高級選項--隱私設置一欄中的清楚瀏覽數據之後重複上面的步驟。...
-
怎樣驅除蚊子
被蚊子咬不但很難受,而且蚊子還會傳染疾病,那麼驅除蚊子的方法有哪些呢?一起來看看吧。首先要讓蚊子不願意靠近你,白天出門時可以在身上塗上能驅除蚊子的產品,在暴露的皮膚或者衣物上使用驅蚊劑。如果你白天出門會使用防曬霜,在塗抹防曬霜之後再使用驅蚊劑。部分驅蚊...