vue组件间传递(多用于同一页面组件之间)

1.父组件传递数据给子组件

父组件中：parent.vue

<child :city="北京"></child>

子组件中接收city:child.vue

props:{city:String}  

2.子组件传值给父组件

子组件中:child.vue

子组件script中：this.$emit("name"，“李白”)

父组件中:parent.vue

<child @name="getName"></child>

父组件script中：getName(param){console.log(param)}  param即传给父组件的name值

3.非父子组件传值

公用js:bus.js

import Vue from 'vue'

export default new Vue()

组件A：

import Bus from './bus.js'

Bus.$emit(事件名,数据)

组件B：

Bus.$on(事件名, (data)=>{console.log(data)})  data为组件A传过来的数据