## 非父子組件間組件傳值  ## 兩種方式 1. 借助vuex. 2. 使用發布訂閱模式,總線機制(Bus/總線/發布訂閱模式/觀察者模式) ## 總線機制 ``` <div id="app"> <child content="jack"></child> <child content="milan"></child> </div> <script> Vue.prototype.bus = new Vue(); Vue.component('child', { props: { content: String, }, data: function () { return { selfContent: this.content, }; }, template: ` <div @click="handleClick"> {{selfContent}} </div> `, methods: { handleClick: function () { this.bus.$emit('change', this.selfContent); } }, mounted: function () { var this_ = this; this.bus.$on('change', function (msg) { this_.selfContent = msg; }) } }); new Vue({ el: '#app', }); </script> ```