![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue脚手架中router的使用
前端小菜渣渣徐
这个作者很懒,什么都没留下…
展开
-
几种路由导航守卫的作用
1.两种全局导航守卫beforeEach是在路由跳转之前调用,afterEach是在路由跳转之后调用,全局守卫只要路由跳转就会调用2.路由独享守卫路由独享守卫其实就是路由里面的导航守卫,只有跳转到对应的路由里面才会触发3.组件内的守卫想要了解具体的内容大家也可以去官网查看,里面有详细注解...原创 2021-03-20 20:28:58 · 1755 阅读 · 0 评论 -
路由懒加载的作用
1.为什么要路由懒加载2.路由懒加载的方式2.1不用路由懒加载的方式2.2使用路由懒加载的方法原创 2021-03-20 19:43:47 · 1271 阅读 · 0 评论 -
vue脚手架3中<router-link>的常用属性
<router-link>的常用属性<router-link>是路由对象里面已经封装好的一个组件, 支持用户在具有路由功能中的点击导航。1.to属性:可以通过to属性指定目标地址2.replace属性:不需要接属性值,当你点击不同的组件时默认是通过history.pushState方式来路由跳转,history.pushState方式可以点浏览器的返回来返回到上一个页面地址,类似栈中数据的存取方式,当我们添加了replace属性后会通过history.replaceStat原创 2021-03-04 21:19:01 · 3119 阅读 · 3 评论 -
vue2和vue3中vue-router从默认模式切换为history模式
1.vue-router从默认模式切换为history模式为什么要切换vue-router的默认模式location为history模式呢?这是因为默认的location模式的url里面localhost:8080后面会接一个/*而history模式下的url里面localhost:8080后面则没有/*,更加美观和更加符合url的规则解释完为什么vue-router中要切换history模式后下面教我的方法吧第一步:更换router文件夹下的index.js文件里的默认导入的函数create原创 2021-03-03 22:42:42 · 2460 阅读 · 1 评论 -
vue-router的基本使用
vue-router的基本使用第一步:在组件文件夹下创建一个Home.vue组件第二步:在router文件夹下的index.js文件中导入Home组件原因是你想配置组件的路由映射关系肯定要让路由里面有这个组件第三步:在index.js文件的routes中配至路由和组件的映射关系第四步:在app.vue文件中使用路由(通过router-link标签和router-view标签)router-link:该标签是vue-router中内置的一个组件,它会被渲染成一个a标签router-vi原创 2021-03-03 20:54:40 · 195 阅读 · 2 评论