Vue子组件传值 Expected String, got Function.异常

版权声明：本文为博主原创文章，转载需注明出处。 https://blog.csdn.net/jiangshanwe/article/details/81211856

现象

父组件引入子组件，子组件props中有title属性，这个title需要通过http请求确定。父组件中data定义：

data: function () {
    return {
      title: String
    }
  }

子组件定义：

<p-table v-bind:title="$data.title"></p-table>

解决方案

父组件中data定义修改为：

data: function () {
    return {
      title: ''
    }
  }

页面加载后，title显示空字符串，然后http请求完成确认具体标题后显示真实title