Vue，使用两个路由共享刀片/视图

// 安装和引入Vue Router
npm install vue-router
import VueRouter from 'vue-router'

// 定义刀片/视图组件
const Home = { template: '<div>Home</div>' }
const About = { template: '<div>About</div>' }
const SharedBlade = { template: '<div>Shared Blade</div>' }

// 定义路由配置
const routes = [
  {
    path: '/',
    component: Home,
    children: [
      {
        path: 'shared',
        component: SharedBlade
      }
    ]
  },
  {
    path: '/about',
    component: About,
    children: [
      {
        path: 'shared',
        component: SharedBlade
      }
    ]
  }
]

// 创建路由实例
const router = new VueRouter({
  routes
})

// 创建Vue实例，并将路由挂载到Vue实例中
new Vue({
  router
}).$mount('#app')