详解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 表单输入框不支持focus及blur事件的解决方案
Nov 17 Vue.js
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
Dec 04 Vue.js
Vue如何实现验证码输入交互
Dec 07 Vue.js
vue祖孙组件之间的数据传递案例
Dec 07 Vue.js
vue中如何添加百度统计代码
Dec 19 Vue.js
如何在vue-cli中使用css-loader实现css module
Jan 07 Vue.js
如何在Vue项目中添加接口监听遮罩
Jan 25 Vue.js
详解vue3中组件的非兼容变更
Mar 03 Vue.js
详解Vue的options
May 15 Vue.js
解决Vue+SpringBoot+Shiro跨域问题
Jun 09 Vue.js
Vue3如何理解ref toRef和toRefs的区别
Feb 18 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
SONY SRF-40W电路分析
2021/03/02 无线电
解析php中反射的应用
2013/06/18 PHP
解析CodeIgniter自定义配置文件
2013/06/18 PHP
PHP中file_get_contents高?用法实例
2014/09/24 PHP
php实现自定义中奖项数和概率的抽奖函数示例
2017/05/26 PHP
laravel csrf排除路由,禁止,关闭指定路由的例子
2019/10/21 PHP
jQuery.ajax 用户登录验证代码
2010/10/29 Javascript
jQuery实现鼠标可拖动调整表格列宽度
2014/05/26 Javascript
js查看一个函数的执行时间实例代码
2015/09/12 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
2015/09/15 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
JS 终止执行的实现方法
2016/11/24 Javascript
Webpack框架核心概念(知识点整理)
2017/12/22 Javascript
vue几个常用跨域处理方式介绍
2018/02/07 Javascript
解决vue2.0动态绑定图片src属性值初始化时报错的问题
2018/03/14 Javascript
使用express来代理服务的方法
2019/06/21 Javascript
用实例详解Python中的Django框架中prefetch_related()函数对数据库查询的优化
2015/04/01 Python
快速入门python学习笔记
2017/12/06 Python
Python中生成器和迭代器的区别详解
2018/02/10 Python
Python2中文处理纪要的实现方法
2018/03/10 Python
Python小进度条显示代码
2019/03/05 Python
详解Python Qt的窗体开发的基本操作
2019/07/14 Python
pytorch进行上采样的种类实例
2020/02/18 Python
CSS3改变浏览器滚动条样式
2019/01/04 HTML / CSS
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
HTML5中图片之间的缝隙完美解决方法
2017/07/07 HTML / CSS
美国棒球装备和用品商店:Baseball Savings
2018/06/09 全球购物
Noon埃及:埃及在线购物
2019/11/26 全球购物
团拜会策划方案
2014/06/07 职场文书
电子工程求职信
2014/07/17 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
2014感恩节演讲稿大全
2014/10/11 职场文书
少年派的奇幻漂流观后感
2015/06/08 职场文书
师范生小学见习总结
2015/06/23 职场文书
2019年销售部季度工作计划3篇
2019/10/09 职场文书
SQL Server中常用截取字符串函数介绍
2022/03/16 SQL Server