详解Vue router路由

2022-04-15 0 1,187
目录
  • 1.基本使用
  • 2.几个注意点
  • 3.多级路由(多级路由)
  • 4.路由的query参数
  • 5.命名路由
  • 6.路由的params参数
  •  7.路由的props配置
  • 8.编程式路由导航
  • 9.缓存路由组件
  • 总结

1.基本使用

详解Vue router路由

 详解Vue router路由

2.几个注意点

 详解Vue router路由

3.多级路由(多级路由)

详解Vue router路由

4.路由的query参数

详解Vue router路由

5.命名路由

例如像三级目录 ,每次写都需要带上一二级目录,比较麻烦,采用命名路由可以用name直接找到

详解Vue router路由

详解Vue router路由 

6.路由的params参数

1)在配置路由的时候需要先声明接收params参数,即先占位

 详解Vue router路由

2)

详解Vue router路由

 详解Vue router路由

 7.路由的props配置

详解Vue router路由

 router-linkreplace属性,在开启的时候,此次路由跳转会覆盖上次的路由历史记录。

详解Vue router路由

8.编程式路由导航

 详解Vue router路由

缓存路由组件,写在include 中的组件才不会在切换的时候被销毁 。不写include就都缓存

9.缓存路由组件

详解Vue router路由

缓存多个的写法:

详解Vue router路由

路由组件相关的两个生命周期钩子:

1.作用:路由组件所独有的两个钩子,用于捕获路由组件的激活状态。

详解Vue router路由

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注NICE源码的更多内容!

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 JavaScript 详解Vue router路由 https://www.niceym.com/20035.html