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吧
相关文章推荐
- VUE 父组件向子组件传值 (用属性传值)
- vue界面传值(子父组件)
- vue-父子组件间的相互传值与传址
- vue基础语法以及父子组件如何相互传值
- Vue 组件之间传值
- Vue 使用Props属性实现父子组件的动态传值
- Vue父子组件传值
- vue组件传值
- VUE 子组件向父组件传参(事件传值)
- VUE2.0 父组件传值给子组件初始化用
- vue组件之间互相传值:父传子,子传父
- vue遇到过的坑(父组件向输入框组件传值进去,然后子组件利用传进来的数据进行数据绑定的问题与解决方法)
- Vue父子组件传值
- vue 父子组件传值
- vue2.0 组件化及组件传值
- vue 事件总线( vue-bus)非父子组件传值
- vue 中 父子组件传值 子父组件传值 非父子组件传值
- Vue2.0子同级组件之间数据交互
- vue平行组件传值 params
- Vue2.0 子组件传值给父组件