// 这个 go 其实就是一个 useRouter 的包装, 在没有填写任何的参数的时候，那么它将默认跳转到 首页.
// go(`/feat/tabs/detail/${index}`); 这个位置写死了
// router.push({ name: "DetailDynamicPage", params: { id: index }});
// 使用 path 让这个路由 在 vue-router 匹配中 进行重新匹配，将正确触发 404 页
// 但是会留下一些历史遗留问题:
// 1. 如果你修改路由配置 `/feat/detail/:id(\d+)` 这个配置将会导致 正确的页面也会报404
// 而使用 name 去解决这个问题，将导致跳转为 page 外层的 Parent 路由。
// 使用 name 跳转 404 Page:
// router.push( { name: PAGE_NOT_FOUND_NAME, params: { path: ['admin', 'test'] }});
// 官方推荐使用 go 带有 ts 类型验证的.
// type T = string | RouterRwa
// Type T1 = T & { path: string }
// go 当中必须存在 path 换句话说，它不让你用 name 跳转.
// 外层的 LAYOUT 框架被加载，但是内层并没有添加 子路由.
// 跳 404 还有一些想法, 抱歉你访问的页面不存在. 按道理来说 table 列表中，数据都是我们自己已经渲染好的.
// 按道理来说是无法出现 路由不匹配的情况的.
// 我现在这个页面上的数据怎么来. 曲丽丽 .... 能直接传递过来么? 不能吧?
// axios 向后端请求数据. 我们不能添加到数据请求之后, 因为它本身就是'a' 添加到后端, 后端肯定是要验证的
// 验证传递过来的是不是一个 Number, 在数据库中是否有相对应的 id 。
// 两种情况:
// 1、 不加验证，直接把这个 id 发走, 相当于让这个数据在后端进行验证.
// 404 页就用不上了~ 只需要添加一个 `当前页无数据`。 然后弹出一个`对话框`: "您所请求的数据不存在!"
// 2、 自己验证, 不符合不发走.
// 两种验证方式:
// 2.1 不发走，直接显示 您所请求的数据不存在
// 2.2 不发走，显示404
// useTabs() usePage
