第一种是参数显示在url地址栏中
query获取参数
路由跳转时携带参数:多个参数使用&符号连接起来
<router-link to="/news?id=10">news10</router-link>
路由配置如下
{
path: "/news",component: news }
获取数据:$route.query.id
var news = {
template: "<div>news---{
{$route.query.id}}</div>"
}
params获取参数
路由跳转时携带参数
<router-link to="/news/10">news10</router-link>
需要对路由进行如下配置: 跳转的路由后加上/:id,多个参数继续按格式添加,数据按顺序对应
{
path: "/news/:id",component: news }
获取数据:$route.params.id
var news = {
template