摘要：
作用：拦截导航，完成跳转或取消。 三种方式： 1、全局导航钩子 2、单个路由独享 3、组件内导航钩子 1、全局导航钩子： //全局前置守卫 var router=new VueRouter({...}); router.beforeEach((to,from,next)=>{ //to 目标ro 阅读全文
posted @ 2020-04-09 12:49
2350305682
阅读(222)
评论(0)
推荐(0)
摘要：
作用：提高首屏加载速度，解决白屏问题，提高用户体验。 定义：懒加载即按需加载，在需要的时候才会加载。 方式： 1.vue异步组件 2.es6的import() 3.webpack的require.ensure() 1.vue异步组件 特点：一个组件会生成一个js文件 { path:'/home', 阅读全文
posted @ 2020-04-09 12:47
2350305682
阅读(337)
评论(0)
推荐(0)
摘要：
1、区别： this.$router是全局路由器对象 this.$route是当前激活的路由对象，包含了当前的路由信息。 console.log(this.$route); { fullPath:'/home' //包含查询参数和 hash 的完整路径 path:'', //当前路由路径，绝对路径 阅读全文
posted @ 2020-04-09 12:03
2350305682
阅读(3890)
评论(0)
推荐(0)
摘要：
1、params（相当于post） （1）只能用name，不能用path （2）参数不显示在路径上 （3）刷新页面参数会被清空 传递参数： this.$router.push({ name:'details', params:{ number:123, name:'product' 阅读全文
posted @ 2020-04-09 12:01
2350305682
阅读(137)
评论(0)
推荐(0)
摘要：
定义： { path:'/details/:id' name:'Details', component:Details } 获取传参： console.log(this.$route.params.id) 阅读全文
posted @ 2020-04-09 12:00
2350305682
阅读(127)
评论(0)
推荐(0)
摘要：
<router-link :to='' class='active-class'> //路由声明式跳转 ，active-class是标签被点击时的样式 <router-view> //渲染路由的容器 <keep-alive> //缓存组件 阅读全文
posted @ 2020-04-09 11:59
2350305682
阅读(5929)
评论(0)
推荐(0)
摘要：
路由就是用来跟后端服务器进行交互的一种方式，通过不同的路径，来请求不同的资源，请求不同的页面是路由的其中一种功能。 vue-router是vue.js官方路由管理器。vue的单页应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。（传统页面切换是用超链接a标签进行切换） ##### 阅读全文
posted @ 2020-04-09 11:58
2350305682
阅读(2361)
评论(0)
推荐(0)
浙公网安备 33010602011771号