vue元件間通訊 資料傳遞（父子元件，同級元件）

總結一下對vue元件通訊的理解和使用。

子元件：page2.vue

單價：

}降價1元
數量: } 

總金額：}元 剩餘金額：

}元

import page1 from "./components/page1";

components:

//  此處的price則是傳遞給子元件的值

props:

}

單價：

}

單價：

}降價1元

downprice(count)

// downprice 是傳遞給父元件的事件，父元件觸發並相應這個方法
// count 傳遞給父元件的引數，在父元件中，可以對和這個引數進行相應操作

downprice(count)

this.$refs.page1.子元件方法

方法二：

this.$children[0].某個方法

this.$parent.父元件方法

同級元件不能直接傳值，需要乙個中間橋梁，可以先將資料傳遞給公共的父元件，然後父元件再將資料傳遞給需要的子元件。

**很簡單(就2句)，只是建立乙個空的vue例項

import vue from 'vue'

export default new vue()

import bus from  '../eventbus.js'

price(newprice)

bus.$on("pricechange", (price, count) => );

一般大型的專案，推薦使用vuex來管理元件之間的通訊

Vue 父子元件間如何通訊（資料傳遞）

前言 元件間總是會有，資料進行傳遞的情況，父元件 子元件，子元件 父元件。下面具體說一下用法 第一種 父元件 子元件 父元件通過 area 方式，將 areadata 的資料傳遞給子元件。子元件通過 props接收 父元件傳遞的資料。單項資料流，就是子元件可以接收父元件傳遞的資料，但不能修改。為了避...

父子元件間的資料傳遞

vue當中有個單向資料流的概念，也就是 父元件可以向子元件傳遞 修改引數 通過屬性的方式傳 但子元件不可以反過來修改父元件傳遞過來的引數！因為怕子元件改了父元件引用型別的資料，可能會影響到其他元件 那怎樣解決這個問題？可以複製給子元件自己的變數，然後子元件修改自己的變數啊！這是父元件向子元件傳遞資料...

Vue學習小札 2 4 父子元件間的資料傳遞

父元件向子元件傳遞資料 父元件通過屬性的形式向子元件傳遞資料 子元件通過props形式接受父元件傳來的資料。0 1 複製 父元件通過屬性的形式向counter子元件傳遞了乙個叫count的資料，子元件通過props接受count這個屬性的內容。這樣在子元件的模板裡面就可以直接來使用count。單向資...