zoukankan      html  css  js  c++  java
  • vue-router理解

    vue-router

    $router和$route
    $router路由操作对象,路由跳转,后面跟函数(push,go,back...)
    $route路由信息对象,路由参数接收,this.$route.params.参数名/this.$route.query.参数名

    query 和 params

    query 传参要用path引入(name也可以)
    params 传参用name引入(只用使用name 用path会报错)

    params是路由的一部分,必须要在路由后面添加参数名。
    {
    path: '/second/:id/:name',
    name: 'second',
    component: () => import('@/view/second')
    }
    query是拼接在url后面的参数,没有也没关系。
    params一旦设置在路由,params就是路由的一部分,如果这个路由有params传参,但是在跳转的时候没有传这个参数,会导致跳转失败或者页面会没有内容。
    params如果路由后面没有 /:id/:name效果如下图,地址栏没有参数
    但是如果你刷新一下,就会发现页面失败,传过来的参数也没有了

  • 相关阅读:
    歌词:青春
    转载:只输了五元钱
    极静之渊

    低学翁
    心灵死化,何时巨变?
    无题

    意念
    爱之切
  • 原文地址:https://www.cnblogs.com/linliu/p/14569691.html
Copyright © 2011-2022 走看看