Vue router路由有什么用

发布时间:2022-03-04 11:20:15 作者:小新
来源:亿速云 阅读:374

这篇文章主要为大家展示了“Vue router路由有什么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Vue router路由有什么用”这篇文章吧。

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路由有什么用

以上是“Vue router路由有什么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. vue-router路由模式的示例分析
  2. Vue中keep-alive有什么用

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vue router

上一篇:JPA配置方式+逆向工程映射到Entity实体类的示例分析

下一篇:VS2019连接MySQL数据库的常见问题有哪些

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》