Vue组件间常用传参方式

Vue组件间常用传参方式

1. props、emit（最常用的父子通讯方式）

父传子

父组件传入属性，子组件通过props接收，就可以在内部this.XXX的方式使用

// 父组件
<hello-world msg="hello world!"><hello-world>

// 子组件
<div>{
   {
   msg}}</div>

props：['msg']

子传父

子组件$emit（事件名，传递的参数）向外弹出一个自定义事件，在父组件中监听子组件的自定义事件，同时也能获取子组件传出来的参数

//	子组件
<input v-model="username" @change="setU