首頁(yè) 猿問(wèn) 請(qǐng)教：vue2兄弟組件怎么共享彼此的方法

請(qǐng)教：vue2兄弟組件怎么共享彼此的方法

JavaScript Vue.js WebApp

曉風(fēng)莞爾 2016-12-06 21:13:45

<template> ????<app-header></app-header> ????<app-footer></app-footer> </template> 比如?app-header能調(diào)用app-footer的方法么

查看完整描述

3 回答

學(xué)也

TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超2個(gè)贊

新建一個(gè) bus.js

import Vue from 'vue'

export var bus=new Vue();

-------------------------------------------------

bus.$emit('fangfa')//調(diào)用

bus.$on('fangfa',function(){

})//響應(yīng)

//2個(gè)組件不同頁(yè)面的話，各自

import {bus} from './bus.js'

2 反對(duì) 回復(fù) 2017-05-16

慕粉0016081096

TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊

你需要vuex

反對(duì) 回復(fù) 2017-01-09

酸酸的266345

TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超0個(gè)贊

組件上的行為展示都是基于數(shù)據(jù)渲染驅(qū)動(dòng)，2個(gè)組件之間操縱同一個(gè)數(shù)據(jù)就好了！

反對(duì) 回復(fù) 2016-12-29

關(guān)注

舉報(bào)

0/150

提交

取消

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)