详解Vue router路由
2021-11-27 04:06
696 查看
目录
1.基本使用
2.几个注意点
3.多级路由(多级路由)
4.路由的query参数
5.命名路由
例如像三级目录 ,每次写都需要带上一二级目录,比较麻烦,采用命名路由可以用name直接找到
6.路由的params参数
1)在配置路由的时候需要先声明接收params参数,即先占位
2)
7.路由的props配置
router-link
的replace
属性,在开启的时候,此次路由跳转会覆盖上次的路由历史记录。
8.编程式路由导航
缓存路由组件,写在include 中的组件才不会在切换的时候被销毁 。不写include就都缓存
9.缓存路由组件
缓存多个的写法:
路由组件相关的两个生命周期钩子:
1.作用:路由组件所独有的两个钩子,用于捕获路由组件的激活状态。
总结
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!
您可能感兴趣的文章:相关文章推荐
- vue路由 vue-router 详解 0基础
- 使用Vue-Router 2实现路由功能实例详解
- 详解windows下vue-cli及webpack 构建网站(四) 路由vue-router的使用
- 详解Vue.js搭建路由报错 router.map is not a function
- 详解Vue-Router源码分析路由实现原理
- vue-router 路由基础的详解
- VueJs路由跳转——vue-router的使用详解
- Vue.js路由组件vue-router使用方法详解
- 深圳Web培训:详解Vue-Router路由与配置
- Vue-router(Vue中路由基础详解)
- Vue.js - 路由 vue-router 的使用详解2(参数传递)
- vue-router 前端路由之路由传值的方式详解
- 详解vue-router 命名路由和命名视图
- Vue-详解设置路由导航的两种方法: <router-link :to="..."&mt; 和router.push(...)
- Vue路由 vue-router知识点详解
- vue-router路由懒加载和权限控制详解
- vue-router 路由详解及在项目中的使用详情及细节
- Vue.js路由vue-router使用方法详解
- 详解vue-router2.0动态路由获取参数
- Vue-router的使用和出现空白页,路由对象属性详解