Skip to content

tonyfree/vue-router-gitbook

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-router-gitbook

用vue、vue-router重构vue-router文档

重构方式

  • html template
  • vue component
  • vue component + vue-router

参考文档

小结

  • 如果需要焦点状态,router-link的属性to对应的值不能为空,需要通过to来定位焦点状态

  • 需要焦点状态的路由切换有两种方式
    router-link:Router构造设置 linkActiveClass
    编程式导航:通过this.$route.name或者this.$route.fullPath来对应的当前name或者path

  • 编程式导航和router-link同时存在时,触发顺序是:router-link的to导航 ==> 编程式导航

  • router-link事件处理,简单的事件直接写js代码,复杂的业务处理需要定义事件处理器,此时需要.native修饰符,否则无法调用事件处理器

  • 对象类型数据的传递:this.$route.query、bus 、vuex,最简洁的方式就是this.$route.query,但是如果需要刷新后数据还在需要用sessionStorage,通过url打开页面获取的数据,只能是通过this.$route.query传递的string、number、boolean类型,对象类型无法获取

About

用vue、vue-router重构vue-router文档

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published