vue路由跳转及传参

跳转:

1.相当于A标签：<router-link to="路径"></router-link>

 2.this.$router.push('/about')

          this.$router.push({

              path: '/about'

          })

          this.$router.push({

              name: 'About'

          })

传参：

（1）  query  刷新的时候数据不丢失,query传参数  name  和 path都可以

         传参： this.$router.push('/about?name='+name +'&age='+age)

                     this.$router.push(`/about?name=${name}&age=${age}`)

          this.$router.push({

              path: '/about',

              query: {

                  name,age

              }

          })

         

          this.$router.push({

              name: 'About',

              query: {

                  name,age

              }

          })

（2）params刷新的时候数据丢失 ,只能通过name传参

      this.$router.push({

           name: 'About',

         params: {

               name,age

         }

   })

（3）动态路由

          this.$router.push(`/about/${name}/${age}/info`)

      路由拼接：   

        

 补充：

 vue中的路由模式： hash  history ;默认是hash

          hash  #

          history 路径好看 （需要服务端支持）