vue2.0 router

github下下载了一个2.0的demo,但是下面有些不太明白
我把注释写在下面,望大神解答下

import Vue from 'vue';
import $ from 'webpack-zepto';
import VueRouter from 'vue-router';
import filters from './filters';
import routes from './routers';
import Alert from './libs/alert';
import store from './vuex/user';
import FastClick from 'fastclick';
Vue.use(VueRouter);
Vue.use(Alert);

$.ajaxSettings.crossDomain = true;

Object.keys(filters).forEach(k => Vue.filter(k, filters[k]));

const router = new VueRouter({
    mode: 'history',
    routes
});
FastClick.attach(document.body);


if (sessionStorage.user) {
    //1、vue2.0不是废弃了dispatch了吗?为什么这里还能用
    store.dispatch('setUserInfo', JSON.parse(sessionStorage.user));
}

router.beforeEach((to, from, next) => {

    $('html, body, #page').removeClass('scroll-hide');
    //2、这个条件句里的条件是什么意思,
    //我看api这个to没有写明它的方法或属性之性的东西有这个matched.some?
    if (to.matched.some(record => record.meta.requiresAuth)) {
        if (store.state.userInfo.userId) {
            next();
        } else {
            next({
                path: '/login',
                query: { redirect: to.fullPath }
            });
        }
    } else {
        next();
    }
});

new Vue({
    router,
    store
}).$mount('#app');
阅读 3.8k
2 个回答

你可以打印一下to

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题