qq_43203949的博客

router-link标签学习1.指定跳转路由，to属性<!--通过to来指定跳转路由--><router-link to="/home">Home</router-link><!-- 同上 --><router-link :to="{ path: 'home' }">Home</router-link><!--还可以带查询参数，变成/profile?ID=10--><router-link :to=

vue的route懒加载为什么用懒加载​ 像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，用户会将这个打包后的js代码加载进来，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验。​ 而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时。使得页面变得流畅，让用户体验增加。1.没有route懒加载当我们使用webpack打包，webp

Vue-route路由的嵌套使用在vue项目中往往会用到Vue route的嵌套，通过在route中添加children可以实现路由的嵌套功能。import VueRouter from 'Vue-router'import Vue from 'vue'//懒加载const Home = () => import('../component/Home')const HomeNewscom = () => import('../component/Home')const HomeM

vue的路由守卫1.前置路由vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。言下之意就是当vue route方式改变时，就会触发路由守卫进行回调一些相关的回调函数。//前置守卫//to: Route: 即将要进入的目标 路由对象//from: Route: 当前导航正要离开的路由//next: Function: 一定要调用该方法来 resolve 这个钩子。router.beforeEach((to, from, next) => { //通过before