vue路由传参 query传参 param参数传递

最新推荐文章于 2024-07-27 11:33:23 发布

weibaobao1314

最新推荐文章于 2024-07-27 11:33:23 发布

阅读量705

点赞数 1

本文链接：https://blog.csdn.net/weibaobao1314/article/details/107990914

版权

本文探讨了单页面应用与多页面应用的优缺点，并深入讲解了路由原理，尤其是关注Vue路由的配置。在路由传参部分，介绍了如何通过param进行参数传递，帮助开发者更好地理解和运用Vue的路由功能。

摘要由CSDN通过智能技术生成

路由传参

1、单页面应用 app 所有的内容都在一个html页面上显示，内容的切换用路由去实现多页面应用由多个html页面组成，页面的之间的转换由a标签实现跳转

单页面应用：首屏加载慢 但是跳转流畅	
多页面应用：首屏加载快  但是跳转慢

路由分为Hash路由和History路由
Hash路由的特点根据hash值的切换显示不同的内容
原生js中有一个事件onhashchange()当hash值发生改变的时候会触发该事件

src----->router------->index.js就是路由的配置目录

路由怎么配置呢？ 1、先创建一个组件
、router->index.js中引入组件
、配置路由规则 routes:[
{
path:“自己定义”,
name:“自己写”,
component:组件名 } ]

4、在合适的位置上写 router-view是vue路由提供给我们的一个组件，这个组件用来显示路由配置的组件

5、设置导航  <router-link to="">购物车</router-link> 		to属性是要跳转的路径 		默认的解析为a标签  ，如果想解析为其他的标签 tag="标签名"

router-link-exact-active router-li

关注