vue-cli路由的一些补充

  上一节,学习了vue-cli的一些常见用法,接下来,来学习一下vue的另外一些常见的用法。

   1.路由的router.go|push|repale方法

     这些方法的作用都是导航到不同的url.

        push:当你单击,<router-link :to="/user">标签的时候,在程序内部其实是执行了router.push(".user")。这个方法。

        go:router.go(n),其中的n是一个整数,类似于js 中的window,history.go(n),在浏览器保存的hirstory的基础上,前进后退。

        replace:顾名思义,就是替换当前的url地址。

来看下实际的例子“



接下来说说,path的无参重定向


就相当于是,本来是链接到/foo这个url,被直接重定向到/home这个url.

再谈页面初始化的重定向。


表示,当你页面初始化时,直接显示的是/home这个目录。

另外,再谈一个当你点击了这个路由按钮时,对应的导航状态样式会被改变。

在路由配置中,这样设置,设置了之后,我们再到主组件中,设置对应的css就行了

这句话的意思是,当对应的导航标签被点击过后,VUE会自动设置clss为active。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值