vue-router

路由出口:router-view

使用router-link组件来导航

使用this.$router 来访问当前路由

动态路由匹配:

        动态路径参数,以冒号开头,当匹配到一个路由时,我们可以使用this.$router.params,可以在每个组件中使用

嵌套路由:

        嵌套路由使用children关键字,可以进行多次嵌套

编程式导航

        <router-link :to='要跳转的路径‘>

        this.$router.push(可以是对象,也可以是字符串)

        命名路由使用的是params

        带查询参数,用query

命名路由:

        通过name属性进行跳转的属性称为命名路由,<router-link :to={name:'路由中name的名称'}>

重定向

        redirect 

别名:

         alias

vue-router的两种模式:

        hash   history

两种模式的优缺点:

        hash有一个很丑的#,history以/开头,

        hash的特点:虽然出现在url中,但不会被包括在http请求中,对后端完全没有影响,因此改   

        变hash不会重新加载页面

        history虽然改变了当前的url,但是浏览器不会立即向后端发送请求

路由跳转的方式:

        push(追加历史记录) replace(替换当前记录)

        forward(前进) back(后退)go(可前进也可以后退)

        

        

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值