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

    1、this.$router可以在任何组件内通过此访问路由器;

      this.$route访问当前路由

    2、$route.params

      一个路由中设置多段“路径参数”,对应的值会设置到$route.params中

    3、嵌套路由

      借助vue-router,使用嵌套路由配置 

      <router-view>渲染最高级路由匹配到的组件

      一个呗渲染的组件可以包含自己的嵌套<router-view>  (要在嵌套的出口中渲染组件,在Router的参数中使用children)

    4、以/开头的是根路径

    5、编程式导航

      在Vue实例内部可以通过$router访问路由实例,可以调用this.$router.push

      想导航不同的url,使用router.push  (可以回退)

      声明式导航:<router-link :to="...">    编程式导航:router.push(...)

      router.push('home')//字符串

      router.push({path:'home'})//对象

      router.push({name:'user',params:{userId:123}})//命名的路由

      router.push({pahe:'register',query:{plan:'private'}})//带查询参数,变成/register?plan=private

  • 相关阅读:
    i春秋xss平台
    i春秋exec
    bugku 你必须让他停下
    bugku 域名解析
    bugku web3
    bugku 矛盾
    (转)ubuntu下怎么放wifi热点给andriod设备
    (转)如何在 ubuntu 下使用 iNode 客户端
    博客更新啦!!
    HDU 5351 MZL's Border (多校联合第5场1009)
  • 原文地址:https://www.cnblogs.com/limengyao/p/9239334.html
Copyright © 2011-2022 走看看