账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-router中的抽象路由
    35
    0

    vue-router中有没有类似angular中的抽象路由?

    {
        path:'/'
        children:[
            {
                path:'demo'
                children:[
                    {
                        path:'foo'
                        component:foo
                    },
                    {
                        path:'bar'
                        component:bar
                    }
                ]
            }
        ]
    }
    

    比如path:'demo'的路由是一个abstract抽象路由,demo这个路由并不对应任何的路由出口,只是一个抽象的层级关系。

    {
        path:'/'
        children:[
            {
                {
                    path:'demo/foo'
                    component:foo
                },
                {
                    path:'demo/bar'
                    component:bar
                }
            }
        ]
    }
    

    可以写成上面的形式来使demo不对应任何路由出口,但是又想使用真正的层级关系。
    如何实现?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 浅唱_↘幸諨 普通会员 1楼

      在Vue Router中,抽象路由是定义一个默认的或非默认的路由。默认路由(也称为默认URL模式)是根据应用程序的设置自动分配的,而非默认路由(也称为非默认URL模式)需要用户手动定义。抽象路由可以为每个页面提供一个唯一的URL模式,这使得应用程序更容易管理路由,并且可以更容易地重定向到其他页面。

      要创建一个抽象路由,首先需要创建一个路由组件。然后,可以在定义路由组件时指定该路由的模式。例如,如果要创建一个指向"主页"的抽象路由,可以在定义路由组件时使用以下代码:

      ```javascript import Vue from 'vue'; import Router from 'vue-router';

      Vue.use(Router);

      export default new Router({ routes: [ // 具体路由 { path: '/home', component: Home }, // 默认路由 { path: '*', component: DefaultRoute }, ], }); ```

      在上面的例子中,我们创建了一个名为Home的路由组件,并将其定义为默认路由。然后,我们创建了一个名为DefaultRoute的路由组件,用于处理非默认的路由。这就是一个基本的抽象路由定义。

      注意,抽象路由并不是用于在每个页面都使用相同的URL模式,而是用于提供一个统一的视图或数据源。这意味着,即使页面具有不同的URL模式,用户仍然可以通过全局导航或自定义URL来访问它们。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部