vue-router
shuaishuaizhang8
这个作者很懒,什么都没留下…
展开
-
keep-alive缓存属性
keep-alive缓存属性注意点原创 2020-08-12 18:03:54 · 121 阅读 · 0 评论 -
路由router导航守卫
路由router导航守卫达到要求,是在页面被渲染出来时页面的title随着路由的改变而动态改变title主要代码router.beforeEach((to,from,next) => { document.title=to.matched[0].meta.title // console.log(to); next()})首先要在路由里面添加meta的对象属性meta: { title: '首页' },结束================.原创 2020-08-12 16:43:42 · 88 阅读 · 0 评论 -
vue-router传参-query
vue-router传参-query创建组件在router的index.js中import引入,并且配置路由在主页面传参在组件页面可以拿到并且显示最后原创 2020-08-11 18:14:00 · 145 阅读 · 0 评论 -
vue-router-children-路由嵌套
vue-children嵌套路由创建组件.vue文件在路由router的index内配置路由,首先引入import 文件(运用ES6的箭头函数懒加载)然后配置path,对应相应的组件在相应页面应用,配置点击事件触发组件(跳转路由)结束--------------------------------...原创 2020-08-11 18:05:06 · 472 阅读 · 0 评论 -
路由懒加载
路由懒加载为何要进行路由懒加载,因为打包构建应用的时候,js包会变得非常大,影响一面的加载;如果可以把不同组件分割成不同的代码块,当路由被访问的时候再按需加载,这样就会更加的高效方式有三种懒加载推荐ES6的方法三路由懒加载使用后的打包文件对比结束=----------------...原创 2020-08-11 16:01:50 · 151 阅读 · 0 评论 -
动态路由vue-router-路由传参方式(params)
动态路由vue-router配置首先创建组件页面User.vue在router文件下index.js页面配置路由import组件配置动态路由在path:’/user/:userId’,在app.vue页面绑定相应的id值然后再user.vue页面获取此id拿到信息10. // route是路由route 是路由route是路由router对象下的处于活动状态的路由****...原创 2020-08-11 15:31:58 · 574 阅读 · 0 评论 -
router-link的属性
router-link的属性原创 2020-08-11 11:00:52 · 86 阅读 · 0 评论 -
安装使用vue-router
安装使用vue-router安装vue-router:指令 npm install vue-router --save然后建立文件夹router,在建立index.js首先import引入vue和router然后vue使用use路由对象reutor接着创建路由new Router,并且导出export default\接在在main.js文件里面import引入,并把路由挂载代码放下面router文件下的index.js// 1.配置路由import Vue from 'vue'.原创 2020-08-11 10:14:56 · 123 阅读 · 0 评论