上一节,学习了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地址。

来看下实际的例子“

vue-cli路由的一些补充

vue-cli路由的一些补充

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

vue-cli路由的一些补充

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

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

vue-cli路由的一些补充

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

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

vue-cli路由的一些补充在路由配置中,这样设置,设置了之后,我们再到主组件中,设置对应的css就行了

vue-cli路由的一些补充这句话的意思是,当对应的导航标签被点击过后,VUE会自动设置clss为active。


相关文章:

  • 2022-12-23
  • 2021-06-07
  • 2021-06-13
  • 2021-07-03
  • 2021-12-22
  • 2020-02-26
  • 2021-05-24
  • 2021-10-23
猜你喜欢
  • 2021-09-06
  • 2021-06-12
  • 2022-12-23
  • 2021-06-18
  • 2021-05-03
  • 2021-09-18
  • 2022-12-23
相关资源
相似解决方案