Vue之带参数路由跳转

我们要使用两种跳转方式,一种是路由带参跳转,一种是get跳转

  1. 首先在main.js注册路由
{ path: '/News', component: News },
//aid是带的参数为aid
{ path: '/Content/:aid', component: Content },
//使用get方式获取参数,正常注册路由就行
  { path: '/PContent', component: PContent },
  1. 下面是新闻组件代码,index为2则用get跳转方式,其他则用路由注册跳转方式


  1. 下面是Content.vue代码,获取路由注册跳转带来的参数


  1. 下面是PContent代码,获取get带来的参数


你可能感兴趣的:(#,vue)