vue学习---前端路由

最新推荐文章于 2024-09-24 10:01:00 发布

weixin_45965632

最新推荐文章于 2024-09-24 10:01:00 发布

阅读量112

点赞数

分类专栏： vue基础学习文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_45965632/article/details/106961139

版权

vue基础学习专栏收录该内容

7 篇文章 0 订阅

订阅专栏

前端路由

后端路由：URL请求地址与服务器资源之间的对应关系
前端路由：用户事件与事件处理函数之间的对应关系
vue-router基本使用步骤

在这里插入图片描述

路由规则中component不接收字符串

路由重定向
嵌套路由

在这里插入图片描述

动态路由匹配的基本用法
路由组件传递参数

在这里插入图片描述

命名路由配置规则

在这里插入图片描述

编程式导航

   * 常用页面导航的两种方式
 		  + 声明式导航：通过点击链接实现导航的方式
 		  		例如：普通网页中的<a></a>链接或vue中的<router-link></router-link>
 	 	  + 编程式导航：通过调用javascript形式的API实现导航的方式
 	 	  		例如：在普通网页中调用location.href
 	 	  		![在这里插入图片描述](https://img-blog.csdnimg.cn/20200626004916879.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTk2NTYzMg==,size_16,color_FFFFFF,t_70#pic_center)

在这里插入图片描述