vuex 初始化中间件怎么使用

发布网友 发布时间：2022-04-22 09:38

我来回答

共2个回答

热心网友 时间：2022-04-20 09:25

如果有用到 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')

热心网友 时间：2022-04-20 10:43

uex 的中间件， 1.0 之前叫 middlewares ，之后改成了 plugins 。之前的 onInit / onMutation 一类，已经弃用。全部换用 subscribe 。