Vue2.0實(shí)現(xiàn)組件之間數(shù)據(jù)交互和通信操作示例

本文實(shí)例講述了Vue2.0實(shí)現(xiàn)組件之間數(shù)據(jù)交互和通信操作。分享給大家供大家參考，具體如下：

站在用戶的角度思考問題，與客戶深入溝通，找到永春網(wǎng)站設(shè)計(jì)與永春網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站制作、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名申請(qǐng)、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋永春地區(qū)。

Vue2.0組件之間數(shù)據(jù)交互和通信。

Vue2.0廢棄了dispatch 和 $broadcast，如何在實(shí)現(xiàn)組件之間的數(shù)據(jù)交互和通信？下面是一個(gè)簡(jiǎn)單的demo解決了這個(gè)問題。

事件中心（evengtHub.js）：

//定義事件中心，在模板通信是使用。
import Vue from 'vue';
export default {
  bus: new Vue()
}

父組件：

子組件1

子組件2

上面的例子中包括父子組件之間互相傳參數(shù)和組件之間的通信，更好的組件通信事件請(qǐng)使用vuex。

希望本文所述對(duì)大家vue.js程序設(shè)計(jì)有所幫助。