请教：vue2兄弟组件怎么共享彼此的方法

Question

<template>
    <app-header></app-header>
    <app-footer></app-footer>
</template>
比如 app-header能调用app-footer的方法么

Answer 1

新建一个 bus.jsimport Vue from 'vue'export var bus=new Vue();-------------------------------------------------bus.$emit('fangfa')//调用bus.$on('fangfa',function(){})//响应//2个组件不同页面的话，各自import {bus} from './bus.js'

Answer 2

你需要vuex

Answer 3

组件上的行为展示都是基于数据渲染驱动，2个组件之间操纵同一个数据就好了！