cli3 非父子组件传值

这里,App.vue中,引入了parent组件;parent组件中引入了child组件。现在要从app.vue,向child组件传值。

主要文件:

cli3 非父子组件传值_第1张图片

 1. 通过事件总线传值cli3 非父子组件传值_第2张图片

1. src ->util->bus.js

// 通过util中的bus,完成两个组件之间的数据传递
import Vue from 'vue'
export default new Vue

2. app.vue,通过bus.$emit触发事件



 
 

3. child.vue中,通过bus.$on接收数据





4. 顺便把parent.vue内容也写过来吧





通过attrs传值

app.vue


 
 

parent.vue





child.vue





你可能感兴趣的:(vue.js,前端,javascript)