父组件向子组件传值通过在子组件添加props属性;原则上子组件不能向父组件传值,但可以通过emit事件传值,后边也可以通过vuex
1、父组件向子组件传值
通过在子组件写
props:["num"]//num是父组件要传过来的变量
2、子组件向父组件传值
通过在子组件调用emit事件,把方法写在父组件
//子组件
methods:{
increment(){
this.$emit("incre");//调用父组件的increment方法
},
decrement(){
this.$emit("decre")
}
//父组件
<Counter :num="num" @incre="increment" @decre="decrement"></Counter>
methods:{
increment(){
this.num++;
},
decrement(){
this.num--;
}
}