路由

作者: 43e1f527c136 | 来源:发表于2023-02-02 23:00 被阅读0次

    1.修改文件

    1.router下index.js

    2.app.vue文件 使用router-view使用路由

    2.路由的跳转

    1.声明式导航router-link,可以进行路由跳转

    2.编程式导航this.$router.push('/')|replace,可以进行路哟跳转

    3.声明式导航能做的编程式都能做,还可以做一些其他业务逻辑

    4.配置路由的时候可以配置路由元信息,meta:{show:true}

    3.路由传参

    params 参数:属于路径当中的一部分呢,需要注意,在配置路由的时候,需要占位

    query  参数:不属于路径当中的一部分,类似于Java中的queryString /homek=v&kv=b,不需要占位符。

    写法 1.字符串形式,‘/’+this.a 2.模板字符串写法 `/${this.a}` 3.对象式写法

    this.$router.push({name:'login',params:{a:this.a},query:{b:this.b})

    path不能和params一起使用的

    相关文章

      网友评论

          本文标题:路由

          本文链接:https://www.haomeiwen.com/subject/oemghdtx.html