一个关于vue子组件props数据的奇怪问题。

Question

我想自己封装一个带有搜索功能的表格组件，于是创建了一个子组件tableWithSearch<template>{{tableData}} <!-- a.此处看父组件传过来的值--><div>     <table :column="tableColumn" :data="tableDataAfterSearch"></table><div> </template> <script>export defualt{    props:{        tableColumn:{            required:true         },        tableData:{            required:true         }     },     methods:{          initData(){             //这里是吧tableData转换成tableDataAfterSearch的方法              console.log(this.tableData) //b.第二个shu'chu          }      } } </script></template>父组件中，在mounted时从后台用axios获取数据，然后用this.$ref.searchTable调用子组件的init方法，结果a出的输出是正常的后台取到的值而b处的输出则是空。父组件中添加一个按钮，按钮触发取数的函数后，ab两处才都是正常的数。这个是什么回事？

Answer 1

computed:{
tableDataAfterSearch(){

return    this.tableData

}
}