VUE组件之间传值

1.父组件传值给子组件

父组件

image.png

子组件

image.png

2.子组件传值给父组件

方法1：

子组件

   closeDialog(){
          let flag = false;
          this.$emit('closeDialog',flag);
        }

父组件

//父组件中应用子组件时绑定一个方法
<dialogWindow @closeDialog="closeDialog"/>

//方法
closeDialog(val){
        this.flag = val;
      },

方法2：

子组件

closeDialog(){
          let flag = false;
          this.$emit('update:flag',flag);
        }

父组件

<dialogWindow :flag.sync="this.flag"/>