理清vue元件間的資料互動邏輯可以很好的幫助我們構建專案。
一：簡單父子元件之間，就是普通的小組件，資料量少，父元件用props傳入資料，子元件可以直接使用$emit 和 $on進行資料互動。也可以使用$bus。
二：複雜元件之間，這種元件的特點是，內部包含有很多互動邏輯，常常需要訪問介面。另外，展示的資料也往往比較多。如列表項填寫個人資訊與資料之類的，還有其他的互動效果，如彈框等。可以將資料放在vuex進行管理（state/getter/mutation/action）。
三：全域性元件，用作小工具，可用$bus進行資料互動。
vue.component('my-component-button1',);Vue中元件間通訊方式總結
這是最常用的元件通訊方式，適用於父子元件間資料傳遞 適用場景 巢狀的多層父子元件 只有父子元件兩個建議使用props和 emit 基本步驟 示例 網頁截圖 從這裡可以看到katex parse error expected got eof at end of input this.emit getc...
vue元件間通訊方式
一 props emit 將要傳遞的引數繫結到元件上，子元件通過props接受引數 props 子元件通過事件傳遞給父元件 this emit functionname 值 只適用於父子 二 on emit 無差別轟炸，想隔幾層隔幾層傳 第一步新建js import vue from vue 使用 ...
vue元件間方式總結
bus的使用 可以用於兄弟元件間或者無關係的元件間通訊 1 在main.js中 vue.prototype.bus new vue 2 a.vue檔案中 this.bus.emit msg 10000 event.emit msg this.msg 傳送資料，第乙個引數是傳送資料的名稱，接收時還用這...