详解Vue router路由


Posted in Vue.js onNovember 20, 2021

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.js 相关文章推荐
VUE项目实现主题切换的多种方法
Nov 26 Vue.js
vue 导航守卫和axios拦截器有哪些区别
Dec 19 Vue.js
vue实现登录、注册、退出、跳转等功能
Dec 23 Vue.js
vue中使用echarts的示例
Jan 03 Vue.js
vue element和nuxt的使用技巧分享
Jan 14 Vue.js
vue使用v-model进行跨组件绑定的基本实现方法
Apr 28 Vue.js
Vue3中的Refs和Ref详情
Nov 11 Vue.js
vue中 this.$set的使用详解
Nov 17 Vue.js
详解Vue项目的打包方式(生成dist文件)
Jan 18 Vue.js
vue中div禁止点击事件的实现
Apr 02 Vue.js
vue 实现弹窗关闭后刷新效果
Apr 08 Vue.js
Vue OpenLayer测距功能的实现
Apr 20 Vue.js
vue中 this.$set的使用详解
如何用vue实现网页截图你知道吗
Vue3中的Refs和Ref详情
Nov 11 #Vue.js
详细聊聊vue中组件的props属性
一定要知道的 25 个 Vue 技巧
简单聊聊Vue中的计算属性和属性侦听
Oct 05 #Vue.js
SSM VUE Axios详解
You might like
PHP获取和操作配置文件php.ini的几个函数介绍
2013/06/24 PHP
Zend Framework框架路由机制代码分析
2016/03/22 PHP
ThinkPHP使用Ueditor的方法详解
2016/05/20 PHP
php计算多个集合的笛卡尔积实例详解
2017/02/16 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
jQuery+jqmodal弹出窗口实现代码分明
2010/06/14 Javascript
juqery 学习之四 筛选查找
2010/11/30 Javascript
8个超棒的学习 jQuery 的网站 推荐收藏
2011/04/02 Javascript
一个封装js代码-----展开收起效果示例
2013/07/03 Javascript
cookie.js 加载顺序问题怎么才有效
2013/07/31 Javascript
jquery实现触发时更新下拉列表内容的方法
2015/12/02 Javascript
JavaScript实现拖拽元素对齐到网格(每次移动固定距离)
2016/11/30 Javascript
iframe高度自适应及隐藏滚动条的实例详解
2017/09/29 Javascript
在vue中使用防抖函数组件操作
2020/07/26 Javascript
详解JavaScript 事件流
2020/09/02 Javascript
[03:10]超级美酒第四天 fy拉比克秀 大合集
2018/06/05 DOTA
Python内置数据类型详解
2014/08/18 Python
python中的闭包用法实例详解
2015/05/05 Python
python基础while循环及if判断的实例讲解
2017/08/25 Python
基于python内置函数与匿名函数详解
2018/01/09 Python
Python Websocket服务端通信的使用示例
2020/02/25 Python
HTML5 history新特性pushState、replaceState及两者的区别
2015/12/26 HTML / CSS
HTML5单页面手势滑屏切换原理分析
2017/07/10 HTML / CSS
html5响应式开发自动计算fontSize的方法
2020/01/13 HTML / CSS
迪斯尼商品官方网站:ShopDisney
2016/08/01 全球购物
C#笔试题和英文面试题
2013/02/07 面试题
复核员上岗演讲稿
2014/01/05 职场文书
晚会主持词开场白
2014/03/17 职场文书
《动手做做看》教学反思
2014/04/09 职场文书
我爱我家教学反思
2014/05/01 职场文书
物业管理专业求职信
2014/06/11 职场文书
2014年体育工作总结
2014/11/24 职场文书
2014年仓库保管员工作总结
2014/12/03 职场文书
2016年毕业实习心得体会范文
2015/10/09 职场文书
预备党员入党思想汇报(范文)
2019/08/14 职场文书
python爬取网页版QQ空间,生成各类图表
2021/06/02 Python