您的位置:首页 > Web前端 > Vue.js

vue同级组件间传值

2019-01-13 18:56 218 查看

1、在main.js同级目录下新建new.js文件

import Vue from 'vue'
export default new Vue()

2、在组件a中传出值

先引入new.js文件,再通过$emit传值

<template>
<div @click="onfocus"></div>
</template>

<script>
import New from '@/new.js'

export default{
methods:{
onfocus:function(fromid){
New.$emit('getisshow',{
show:true
})
}
}
}
</script>

3、在同级b组件中通过$on接收

<script>
import New from '@/new.js'

export default{
created(){
New.$on('getisshow',data => {
console.log(data)   //{show:true}
})
}
}
</script>

项目大的话就直接用vuex吧

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: