vue子组件无法获取父组件问题解决

今天遇到的一个问题是：

在父组件里有一个table表格，通过点击按钮来修改这一行的数据，修改的界面是在另一个组件中（子组件）。数据一致获取不到，最后才知道，在mounted中是获取不到的，必须使用watch进行监听才可以，最后完美解决。

 

解决：

父组件中：

<ProductUpdate :updateDataPro="updateDataPro"></ProductUpdate>

第一个updateDataPro表示的是在子组件中接收的时候名称，第二个updateDataPro表示的是在父组件中的一个变量数据。

子组件中：

首先，需要使用props定义父组件传过来的值，和methods平级

props:["updateDataPro"],

 其次，在watch中对该变量进行监听。

watch:{
  updateDataPro:(n,o)=>{
    console.log(n)
  }
}

注意：在watch中使用的是箭头函数，可以避免this的跨域问题。