父子组件之间的传值(props与$emit)
<template :demo='demo' @emit='父组件要执行的事件'>
子组件接收数据是props,demo就是传值,子组件通过props接收这个值,props{demo:string}
子组件给父组件传值通过$emit(emit,参数) emit表示父组件绑定的事件名 this.$emit(emit,param)
兄弟组件通信($emit与$on)
首先创建一个兄弟组件公用的bus.js文件,
//bus.js
import Vue from 'vue'
export default new Vue()
老大组件都导入公共的js文件
import Bus from './bus.js'
Bus.$emit(val', 传递的参数)
老幺组件导入公共js文件
import Bus from './bus.js'
Bus.$on('val',backcall<处理函数>)