vue组件传值的三种方式

1、父传子
父：

<child :inputName="name"></child>

子：
// 接受父组件的值
props: {
inputName: String,
required: true
}
或简写成 props:[‘inputName’]
2、子传父
父：
<child @childByValue=“childByValue”>

methods: {
  childByValue(childValue) {
    // childValue就是子组件传过来的值
    this.name = childValue
  }

子：
this.$emit(‘childByValue’, this.childValue)

3、非父子组件进行传值
公共bus.js
vuex