vue 路由

1 router-link    
    1-1 路由连接
    1-2 编译后是a标签
    1-3 在指定的router-view加载指定的组件
    1-4 to属性编译后是a的href
    1-5 to="/mine" :to="{path:'/mine'}"
    
2 router-view
    2-1 路由视图
    2-2 是router-link或$router.push()的路由出口,路由组件渲染的位置
    2-3 一个路由必须要有路由出口
    
3 一级路由
    3-1 在routes数组中直接配置的一级路由对象,称一级路由
    3-2 一级路由配置
        rotes = [
            {path:'/mine',component:Mine},
            {path:'/',component:Home},
        ]
    
4 二级路由
    4-1 在一级路由对象属性children数组中声明的路由对象称二级路由
    4-2 二级路由配置
        // 一级路由
        {
            path:'/videos',
            component:Videos,
            children:[
                // 二级路由
                { path:'movie',component:Movie}
            ]
        }
    4-3 二级路由的出口router-view

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值