Question

vuex数据在什么时候初始化比较合适

Answer 1

如果有用到 vue-router 的话，最好就是在 vue-router 中的 data 去处理页面渲染前的数据载入或初始化。

例子

// 测试用 API
var API = {
	posts: 'https://jsonplaceholder.typicode.com/posts'
}

var PostListPage = Vue.extend({
	data: function() {
    	return {
        	posts: []
        }
    },
    route: {
      data: function (transition) {
		return this.$http.get(API.posts).then(res => {
        	return { posts: res.json() }
        })
      }
    },
    template: '<div class="page"><pre>{{$data|json}}</pre></div>'
})

var HomePage = Vue.extend({
    template: '<div class="page"><h1>Home</h1></div>'
})

var router = new VueRouter()

router.map({
  '/': {
    component: HomePage
   },
  '/posts': {
    component: PostListPage
   },
 
})

var App = Vue.extend({})

router.start(App, '#app')