解決vue組件props傳值對象獲取不到的問題

<!--子組件-->
<form-picker class="form-picker"
 :personal="personal"
>
</form-picker>
export default {
 data(){
 return{
 personal:{
 state:'',////判斷是修改狀態，還是新增狀態 add/edit
 data:[]
 }
 }
 },
 mounted(){
 this.$api.personal.searchPersonalInfo(this.userInfo.userId).then((res)=>{
 this.personal.data = res.data.data //這里給personal對象賦值接口傳來的數據
 })
 },
}

export default {
 props:['active','personal'],
 mounted(){
 console.log(149,this.personal)
 console.log(150,this.personal.state)
 }
}

export default {
 data(){
 return{
 personal:{
 state:'',////判斷是修改狀態，還是新增狀態 add/edit
 data:[]
 }
 }
 },
 mounted(){
 this.$api.personal.searchPersonalInfo(this.userInfo.userId).then((res)=>{
 //this.personal.data = res.data.data //這里給personal對象賦值接口傳來的數據
 //使用以下方法重新賦值，上面方法watch監聽不到，具體什么原因，我也不清楚，知道的告知我！謝謝
 this.personal = {
 data: res.data.data,
 state: 'edit'
 }
 })
 },
}

watch:{
 personal(newValue,oldValue){
 console.log(181,newValue) 
 },
/**