![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
router
文章平均质量分 72
爱前端的小程子
学生阶段就应该努力学习,早点出道!!!
展开
-
导航守卫、路由传参以及跳转
1、 router-link 进行页面按钮式路由跳转 (点击链接实现导航的方式,叫做声明式导航。) 2、 this.$router.push进行编程式路由跳转(调用 API 方法实现导航的方式,叫做编程式导航。) 3、 this.$route.params获取路由传递参数 4、 this.$route.query获取路由传递参数 5、 params 和 query 都是传递参数的, params不会在url上面出现,并且params参数是路由的一部分, 是一定要存在的...原创 2022-04-25 21:38:18 · 1184 阅读 · 0 评论 -
路由的配置
1.手动配置路由index.js首先需要在根目录下面新建一个router的文件夹,然后再文件夹内新建一个index.js的文件,建立完成后在index.js里面进行配置第一步:导入vue包以及vue-router包代码实现如下import Vue from 'vue'import VueRouter from 'vue-router'第二步:创建vueRouter实例对象,在创建之前首先需要使用VueRouter代码实现如下Vue.use(VueRouter)c...原创 2022-04-06 18:07:22 · 1550 阅读 · 0 评论 -
前端路由(v-router)
1.什么是路由路由(英文:router)就是对应关系2.什么是前端路由通俗易懂的概念:Hash地址(就是之前理解的锚链接)与组件之间的对应关系而hash地址指的就是锚链接后面的值举个例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2022-04-03 08:07:56 · 5312 阅读 · 0 评论