兄弟组件传值,通过事件总线完成。
1、定义父组件并且在父组件中,完成两个兄弟组件的创建。
<script>
Vue.component('father', {
template: '<div><son></son><daughter></daughter></div>',
components: {
son: {
data() {
return {
mySisterName: ''
}
},
template: '<div>我妹妹叫{
{mySisterName}}</div>'
},
daughter: {
data() {
return {
myName: '小雪'
}
},
template: '<button @click="emitMyName">告诉哥哥我叫{
{myName}}</button>',
methods: {
emitMy