在Vue中，你可以使用路由模式来将一级路由显示在二级路由层上。以下是一个简单的示例：

1. 首先，你需要在你的HTML中创建一个路由：

html <router-view> <router-view :path="path" /> </router-view>

在这个例子中，<router-view> 是 Vue Router 的一个组件，用于显示一个路由的子组件。path 是你定义的路由的路径，<router-view> 将渲染你定义的子路由组件。

1. 然后，你需要在你的 Vue 组件中引用你的路由：

```javascript import Vue from 'vue' import App from './App.vue' import router from './router'

new Vue({ el: '#app', router, render: h => h(App), }) ```

在这个例子中，<router> 是 Vue Router 的实例，<router-view> 组件将渲染 App 组件。<router-view> 的 :path 参数是要渲染的路由的路径，App 组件将渲染这个路径下的子路由组件。

1. 为了将一级路由显示在二级路由层上，你需要在你的 App.vue 组件中定义一个子路由，并设置其 path 属性为二级路由的路径。例如：

```javascript

```

在这个例子中，/products/:id 是一级路由，/details/:id 是二级路由。当你点击一级路由的 goToProduct 方法时，Vue Router 将调用 goToProduct 方法，并将 id 参数传递给它，从而进入二级路由。同样，当你点击二级路由的 goToDetail 方法时，Vue Router 将调用 goToDetail 方法，并将 id 和 product_id 参数传递给它，从而进入一级路由的子路由。

注意：这个示例假设你的二级路由组件有两个子路由：Product 和 Detail，并分别有一个对应的 id 和 product_id 属性。你需要根据你的实际需求进行修改。