vue-router利用url传递参数

app.vue

<template>
<div id="app">
<router-link to="/">home</router-link>
<router-link to="/params/888/zhouyx">params</router-link>
<router-view></router-view>
</div>
</template>

router/index.js

// 引用模板
import Hello from '../components/Hello.vue'
import Params from '../components/Params.vue'
// 配置路由
export default [
{
path: '/',
name:'Hello',
component:Hello
},{
path:'/params/:newsId(\\d+)/:newsTitle',//(\\d+)正则数字
component:Params
}
]

Params.vue

<template>
<div>
<p>newsId:{{$route.params.newsId}}</p>
<p>newsTitle:{{$route.params.newsTitle}}</p>
</div>
</template>
<script type="text/javascript">
export default{
name:'Params',
data () {
return{
msg:"params page"
}
}
}
</script>