Vue中父子组件传值

方法一：利用了props 事件绑定  属性绑定

父组件向子组件传值

需要用到v-bind:来绑定属性 例：v-bind:fn=‘xxx‘

其中子组件里就要有props:[‘fn‘]来截取传来的数据

这时子组件中就可以用 fn来代替xxx了

父组件向子组件传递方法

需要用到 v-on：来绑定事件 例: @sj=‘xxx‘;

这时需要在子组件里的methods中定义自己的事件名

methods:{

xxx(){

this.$emit(‘sj‘,参数1,参数2)//如果有参数就在后面加就可以

}

}

然后就可以在template中用到@xxx事件:"xxx";

子组件向父组件传值

子组件里的事件加参数 参数为自己想向父组件传递的那个值，然后this.$emit(‘事件名‘，参数1，参数2，...)

父组件中 XXX(参数){

this.xxx=参数 //就可以改变父组件里的内容

}

方法二：

利用this.$parent和this.$children[x]来进行改变和使用父子组件的方法

Vue中父子组件传值

原文：https://www.cnblogs.com/Lyx1223/p/14540206.html