摘要：
vue-router实现路由懒加载 当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由组件的懒加载. 阅读全文
posted @ 2020-08-12 22:59
大牛半路出家
阅读(3821)
评论(0)
推荐(0)
摘要：
vue-router的两种模式的区别 众所周知，vue-router有两种模式，hash模式和history模式，这里来谈谈两者的区别。 hash模式 hash模式背后的原理是onhashchange事件,可以在window对象上监听这个事件: 上面的代码可以通过改变hash来改变页面字体颜色，虽然 阅读全文
posted @ 2020-08-12 22:55
大牛半路出家
阅读(509)
评论(0)
推荐(0)
摘要：
https://blog.csdn.net/crazywoniu/article/details/80942642 阅读全文
posted @ 2020-08-12 22:54
大牛半路出家
阅读(293)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2020-08-12 22:53
大牛半路出家
阅读(261)
评论(0)
推荐(0)
摘要：
1 this.$router和this.$route的区别 vue router this.$router是VueRouter的实例方法，当导航到不同url，可以使用this.$router.push方法，这个方法则会向history里面添加一条记录，当点击浏览器回退按钮或者this.$router 阅读全文
posted @ 2020-08-12 22:50
大牛半路出家
阅读(759)
评论(0)
推荐(0)
摘要：
https://www.cnblogs.com/kzxiaotan/p/11676872.html看链接清楚些 问题一：vue-router有哪几种导航钩子（ 导航守卫 ）？ 1、全局守卫： router.beforeEach 2、全局解析守卫： router.beforeResolve 3、全局后 阅读全文
posted @ 2020-08-12 22:42
大牛半路出家
阅读(1204)
评论(0)
推荐(0)
摘要：
在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的params.id 例如 : this.$route.params.id 详解：https://blog.csdn.net/weixin_41399785/article/details/7938135 阅读全文
posted @ 2020-08-12 22:38
大牛半路出家
阅读(4217)
评论(0)
推荐(0)
摘要：
active-class属于Vue哪一个modules,有什么作用 active-class 属于vue-router的样式方法 当routerlink标签被点击时将会应用这个样式 使用有两种方法 routerLink标签内使用 <router-link to='/' active-class="a 阅读全文
posted @ 2020-08-12 22:34
大牛半路出家
阅读(1353)
评论(0)
推荐(0)
摘要：
Vue中的组件及路由使用 1.组件是什么 组件系统是 Vue 的一个重要概念，因为它是一种抽象，允许我们使用小型、独立和通常可复用的组件构建大型应用。通常一个应用会以一棵嵌套的组件树的形式来组织； 1.1组件的声明及使用 全局组件 <body> <div id="app"> <!-- 用全局组件的名 阅读全文
posted @ 2020-08-12 22:33
大牛半路出家
阅读(732)
评论(0)
推荐(0)
摘要：
<router-link :to='' class='active-class'> //路由声明式跳转 ，active-class是标签被点击时的样式 <router-view> //渲染路由的容器 <keep-alive> //缓存组件 阅读全文
posted @ 2020-08-12 22:31
大牛半路出家
阅读(1709)
评论(0)
推荐(1)
浙公网安备 33010602011771号