vue-router

本文详细介绍了Vue官方路由管理器vue-router的使用,包括安装、配置步骤、组件集成以及编程式路由导航和参数传递(query和params的区别)。帮助开发者快速掌握构建SPA应用的路由管理技巧。
摘要由CSDN通过智能技术生成

路由基础使⽤

作⽤:
vue-router是Vue官⽅的路由管理器,是⼀个⽤来实现 SPA(single page web application) 的
vue 插件。它和 Vue.js 的核⼼深度集成,让构建单⻚⾯应⽤变得易如反掌。
安装: npm install vue-router@4
使⽤步骤:
1. 路由配置
2. 主⽂件引⼊
3. 组件使⽤
路由属性配置说明

编程式路由导航

作⽤:通过js语句实现路由跳转
常⽤API:

路由传值

作⽤:路由跳转时传递参数
分类:
query
特点:
1. 可以传递多个参数 域名 /list?name=aaa&pass=bbb
2. 不需要额外配置路由
params
特点:
1. 需要额外配置路由
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值