关于vuex中getter数据在页面中更改调用渲染页面为空的问题

问题描述:

因为后端传给我们得数据是一些键，所以我们必须对数据进行处理，又因为这个数据是供多个页面去使用得，所以使用了vuex中得getter去更新数据存储起来，供全局使用。项目第一次启动得时候，我是在生命周期created中去使用数据得，结果报错，打印结果为空。

问题原因:

因为获取到getter值的时候，生命周期created已经渲染完成。

解决方法：

使用watch去监听数据的变更，当数据变更过后，再去执行接下来的操作。

watch: {
      data: function(val, oldVal) {
        //当val变更之后在执行接下来的操作
      }
    }