vue可以渲染 但是控制台报错

Question

如果直接写{{page}}可以显示出数据 但是写{{page.uid}}就会报错误"TypeError: Cannot read property 'uid' of null"
页面可以正常渲染 但是控制台一直报这个错误这是为什么？
后台返回的数据如下

{ "id": 56, "uid": 10001, "href": "15580237954764", "content": "666999", "created_at": 1558023795, "tags": null, …………}

<template>
  <div>
    {{page.uid}}
  </div>
</template>

data () {
    return {
      page: null
    }
},
computed: {
    ...mapState({
      datas: state => state.blogPage
    })
},
created (href) {
    this.$store.dispatch('blogPage', {'href': this.href})
},
watch: {
    datas () {
      this.page = this.datas
    }
},

vuex的state里

blogPage: null

Answer 1

cannot read property 'uid' of null ==> page: null ==? null.uid
默认值设置为{} 或者使用的地方做空判断

Answer 2

page默认为空对象即可：page: {}

Answer 3

<template>
    <div>
        {{page ? page.uid : ""}}
    </div>
</template>

你这样试试

Answer 4

你可以尝试在computed中加一个

val(){
    if(this.page && this.page.uid){
        return this.page.uid;
    }else{
        return 0;
    }

}

在视图中绑定 {{val}}