vue父子组件传递数据

1.子组件到父组件：``
（1）子组件关闭是定义一个方法 通过$emit传递给父组件数据信息sendiptVal：false

  // 关闭模态框
      close() {
        this.$emit("sendiptVal", false);
      },

(2)父组件再模板中获取sendiptVal值信息
.<commonDailog @sendiptVal='showChildMsg' ></commonDailog>

（3）子组件通过方法showChildMsg（）拿到父组件传递过来的数据

      // 子组件关闭弹窗
    showChildMsg(data){
      this.salesCtrdialogVisible = data;
      this.progressRateVisible = data;
    },

2.父组件到子组件
1.定义一个全局变量或者一个值在父组件引用自组建的地方

在这里插入代码片

 <oneDiaolog :salesCtrlData="salesData" ></oneDiaolog>

2.当拿到这个值是点击模态框将这个salesData传给子组件，子组件获取拿到的值
首先在data里定义props

 props: [
      "salesCtrlData", // 父组件传入””
    ],

3.然后就可以直接在生命周期钩子mounted 页面挂载完之后 拿到父组件传递过来的数据

 mounted() {
 console.log(this.salesCtrlData, '父组件传递过来的值');
 }