Vue2组件传值

1. 父传子 props

1.1 父组件代码：（传递数据）

<Child :msg='msg'></Child>

1.2 子组件代码：（接收数据）

props: ['msg']
// 或者
props:{
  msg: String
}

---

2. 子传父 $emit

2.1 子组件代码：（传递数据）

// fun表示自定义事件名称
// this.msg表示要传递的数据
this.$emit("fun",this.msg);

2.2 父组件代码：（接收数据）

// fun是在子组件中定义的自定义事件名称
// getVal是父组件中的方法名
<Child @fun='getVal'></Child>

<script>
methods:{
  getVal(msg){
    // msg就是子组件传过来的数据
  }
}
</script>