vue router的嵌套使用与传值的query方式

会有一股神秘感。 提交于 2020-02-25 20:51:00
嵌套路由
    当我们不满足与 /home这种路由,而是希望通过 /home/news和/home/message访问一些内内容
    那么就需要嵌套路由了

    实现嵌套路由有两个步骤:
        ·创建对应的子组件,并且在路径映射中配置对应的子路由(注意:路由的定义也需嵌套)      

 

 

        ·在组件内部使用<router-view>标签

       

 

       

    最后。在浏览器的地址栏就是这种形式了

  

 

 

 

 

query传值
  之前我们传值,是通过/user/3这种param形式。
  但是,当我们的需求发生变化,传的值的个数增加时,就需要用到query形式的传值了(/user?name=tom&age=3)

  ·定义传值

  

 

 

  ·接受传值(为什么这里用$route?因为route用的是当前路由对象)

 

 浏览器展示为:

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!