VueRouter的理解和用法

19 阅读1分钟
  1. 理解:VueRouter是Vue.js的官方路由。让vue构建单页面应用更方便。

  2. 核心概念的名字和作用:router-link router-view 嵌套路由、Hash模式和History模式、导航守卫(每个路由都可以设置一个钩子,进入这个路由,离开这个路由要做什么)、懒加载import()

  3. 问: a. Hash模式和History模式的区别 i. 一个用的Hash,一个用的History API ii. 一个不需要后端Nginx配合,一个需要(把所有的html请求都重定向到index) b. 导航守卫如何实现登录

    router.beforeEach((to, from, next)=>{
        if(to.path === '/login') return next()
        if(to是受控页面 &&  没有登录) return next('/login')
        next()
    })
    

    参考:blog.csdn.net/sinat_36521…