vue父组件和子组件传值

父组件向子组件传值通过在子组件添加props属性；原则上子组件不能向父组件传值，但可以通过emit事件传值，后边也可以通过vuex

image.png

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--;
    }
  }