Vue.js VueJS vue路由器未呈现参数

我有一个vue路由器应用程序，它没有拾取我传递的参数，这是我的组件代码

<template>
<div id="container">
    <section class="content" id="error-display">
        <div class="row">
            <div class="col-sm-12">
                <article class="col-sm-offset-1 col-sm-3">
                    <img src="images/smurf.png" alt="Smurf - Grouchy">
                </article>
                <article class="col-sm-7">
                    <h1>{{ $route.params.code }}</h1>
                    <p>{{ $route.params.message }}, Go back <a href="#">home</a></p>
                </article>
            </div>
        </div>
    </section>
</div>

---

我是错过了什么还是做错了什么？因为参数被渲染为空。提前感谢

您没有为路由定义参数

像

{path:'/error/:code/:message'，component:{template:'}}

这样的路由应该可以工作，但是在这个实例中值得考虑使用query而不是params，因为

/error/404/Resources%20not%20found

是一种奇怪的URL

const router = new VueRouter({
    routes: [
        { path: '/error', component: { template: '<error></error>' } }
    ]
});

router.push({ path: 'error', params: { code: 404, message: 'Resources not found' } })