vue(7)-单页应用程序&路由

1.单页应用程序

如 单页:网易云,多页:京东

单页应用程序,之所以开发效率高,性能高,用户体验好

最大的原因是:页面按需更新 要按需更新,就要明确访问路径和组件的关系

这时候就要用到路由了

2.路由:路径和组件的映射关系

什么路径配什么组件

3.VueRouter的使用(5+2)

配组件 配规则,配导航 配出口

4.组件分类

页面组件和复用组件

4.路由的封装抽离

右边第三个框,是在main.js中导入的

有时候要注意路径变化

快速引入组件,也可以用绝对路径 基于@指代src目录,从src目录出发找组件

5.声明式导航-导航链接

6.声明式导航-两个链接

类名太长可以在router,index.js里面配置

6.声明式导航-跳转传参

第二种是跳转传参

相关推荐
正在学习前端的---小方同学21 小时前
vue-easy-tree树状结构
前端·javascript·vue.js
毕业设计制作和分享1 天前
springboot150基于springboot的贸易行业crm系统
java·vue.js·spring boot·后端·毕业设计·mybatis
键盘不能没有CV键1 天前
【图片处理】✈️HTML转图片字体异常处理
前端·javascript·html
yantuguiguziPGJ1 天前
WPF 联合 Web 开发调试流程梳理(基于 Microsoft.Web.WebView2)
前端·microsoft·wpf
大飞记Python1 天前
部门管理|“编辑部门”功能实现(Django5零基础Web平台)
前端·数据库·python·django
tsumikistep1 天前
【前端】前端运行环境的结构
前端
你的人类朋友1 天前
【Node】认识multer库
前端·javascript·后端
Aitter1 天前
PDF和Word文件转换为Markdown的技术实现
前端·ai编程
mapbar_front1 天前
面试问题—上家公司的离职原因
前端·面试
昔人'1 天前
css使用 :where() 来简化大型 CSS 选择器列表
前端·css