路由参数

路由参数分类

query

http://localhost:3000/#/?key=value&key2=value
  query

this.$route.query.key
this.$route.query.key2

router-link怎么声明

<router-link to="/?key=value"></router-link>
<router-link :to="'/?key=' + value"></router-link>
<router-link :to="{path: '路径', query: {key: value}}"></router-link>
<router-link :to="{name: '路由名字', query: {key: value}}"></router-link>

params

注意 想要有params参数必须配置动态路由，动态路由的变量，就是params的属性

const routes = [
  {
    path: '/:id'
  }
]

<div>{{$route.params.id}}</div>

router-link怎么声明

<router-link to="/value"></router-link>
<router-link :to="'/' + value"></router-link>
<!-- 下面写法需要给路由添加name属性才能完成 -->
<router-link :to="{name: '路由名字', params: {id: value}}"></router-link>