关于vue vuex mapState created执行顺序？

Question

A组件：   存储：localStorage.setItem('articles', JSON.stringify(articles)) B组件: computed: {       ...mapState([          "articles"       ])   },   created(){        var currentId = parseInt(this.$route.query.id);        this.currentArticle = this.articles.filter((item)=>{        return item.id === currentId            });        this.isCollected = this.currentArticle[0].isCollected;        this.collectNum = this.currentArticle[0].collectNum;         console.log(this.currentArticle)   }, vuex: state.js:  articles:localStorage["articles"]?JSON.parse(localStorage["articles"]): []进入A组件后，调用接口，请求回数据后，存到localStorage中，点击路由跳转到B组件，为什么在created()中 this.articles 为 []，页面上没有数据，当我进入B组件后再次刷新页面就有数据了，这里面的computed()和 created()是不是有执行顺序的问题？应该怎么解决这个问题呢？