javascript - vue中父组件向子组件传递Object时，如何避免TypeError？

Question

父组件
<father :data="data"></father>
 data() {
      return {
        data: {}
      }
 }

 mounted() {
   this.data = {
     title: '标题'
   }
 }

 子组件
 <son>{{data.title}}<son>
  props: {
  data: Object,
}

报错: title属性 undefined

Answer 1

<son v-if="data">{{data.title}}<son>

Answer 2

你一开始的 data 就应该给 title 属性

Answer 3

写法是没问题的，https://jsfiddle.net/stardew/...