vue父子组件简单通信

来源:互联网 发布:三星手机手电筒软件 编辑:程序博客网 时间:2024/05/19 15:23

a.vue父组件中

<template>..</template><script>import Bus from "bus.js"//引入中间vue
export defaul{...// 在组件 A 创建的钩子中监听事件bus.$on('id-selected', function (id) {  // ...})...}</script>
  

b.vue 子组件中

<template>..</template><script>import Bus from "bus.js"//引入中间vue
export defaul{...
// 触发组件 B 中的事件
bus.$emit('id-selected', 1)
...}</script>

  bus.js 文件

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

参考自vue2.0官方文档

0 0