vue-router 路由参数解耦

项目场景：

vue-router

---

问题描述：

跳转路由传参，使用路由参数解耦

---

原因分析：

name 方式跳转路由，可以使用路由参数解耦

path 方式跳转路由，不可以使用

---

解决方案：

name 方式跳转路由，可以使用路由参数解耦

 {
    path: '/video',
    name: 'Video',
    meta: {
      title: '视频'
    },
    props: true,
    component: () => import(/* webpackChunkName: "PlayVideo" */ '../views/pages/Video.vue')
  }

this.$router.push({ name: 'Video', params: { url: url } })

props: {
  url: {
    type: String,
    default: '',
    required: true
  }
}