1、创建一个vm.js文件 —保证通信组件是一个vue对象
2、vm.js的内容
/** * Created by Administrator on 2018/3/20. */ import Vue from 'vue';/*定义一个常量*/export const NUM='num';/*公共的vue对象 --所有导入的组件为同一个vue*/export var vm=new Vue();
3、APP.vue(接受信息的一边)
通过管道(NUM接受广播的数据)
4、Add.vue(发送信息的一边)
导入vm.js
通过管道(NUM)广播
/*通过管道广播计数器的值:this.num*/vm.$emit(NUM,this.num);
1、父子组件传值通信，在子组件中使用props属性，静态或者动态传递父组件的变量值 <template> <div id="app"> <
ps：昨天写了[父子之间的通信][Link 1]，忘记了可以去看以下小例子哟 要点 > 兄弟1：通过鼠标点击事件传值：`vm.$emit('事件名',value)`
一.使用广播的方式$emit(), $on() 1.创建js文件 import Vue from 'vue' export default n
父-子组件通信-props 父组件到子组件通信，通过props。子组件在props中定义要传的值，props有两种形式，一种是字符串数组形式，一种是对象形式。前者方
一般来说在vue项目里面的父、子组件间的传值很容易理解，父传子无非就是在子组件里面用`props`来显示的声明父组件传递的属性，例如： 子组件： <!--这是子组件
1.子组件代码 <template> <Editor id="tinymce" :init="editorInit" v-model="message"/
在vue组件通信中其中最常见通信方式就是父子组件之中的通性，而父子组件的设定方式在不同情况下又各有不同。最常见的就是父组件为控制组件子组件为视图组件。父组件传递数据给子组件使用
// 注册一个空的js,作为中转站 bus.js import Vue from 'vue' export default new Vue() A组件：
﹏ヽ暗。殇╰゛Y
红太狼
柔情只为你懂
亦凉
还没有评论，来说两句吧...