vue 3.0页面给组件传值，组件调用值报错找不到

页面传数据到组件，组件中使用，数据如下

Journalism:{
    title:"新闻",
    data:[
        {
            index:"1",
            value:"这个上了热手"，
            num:"999"
        },
        {
            index:"2",
            value:"这个上了热手"，
            num:"999"
        },
        {
            index:"3",
            value:"这个上了热手"，
            num:"999"
        },
    ]
}

再子页面调用
然后 list.title报错说找不到，list.data也报错找不到，只需要加一个判断

<li v-if="list">{{list.title}}</li>

就是先要做一个判断，确定这个数据存在，然后再去获取他里面的值