vue传参 添加路由 钩子函数 跳转

128 阅读1分钟

**一.vue脚手架:动态路由传参(params、query) **

动态路由params传参

app.vue

index.js

child A.vue

query传参

app.vue

index.js

childb.vue

通过这些例子可以看出来:params类似于post,query更加类似于我们ajax中get传参。说的再简单一点,前者在浏览器地址栏中不显示参数,后者显示,所以params传值相对安全一些。

二.添加路由

三.路由跳转

routeroute 和 router  的区别

 $route((路由对象信息)) 可以获取路由的属性 比如 query参数 静态路由

 router(路由对象的实例)提供了一些方法push跳转页面addRoute增加路由,包括一些路由信息比如:当前所在的路由this.router(路由对象的实例) 提供了一些方法 push 跳转页面 addRoute增加路由,包括一些路由信息比如:当前所在的路由this.router.currentRoute

四.全局路由守卫和局部路由守卫

全局路由守卫

局部路由钩子函数

注意:解决同一个路由跳转多次出现报错信息,在router文件夹下加这句话