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

1.单页应用程序

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

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

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

这时候就要用到路由了

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

什么路径配什么组件

3.VueRouter的使用(5+2)

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

4.组件分类

页面组件和复用组件

4.路由的封装抽离

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

有时候要注意路径变化

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

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

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

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

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

第二种是跳转传参

相关推荐
亮子AI几秒前
Chrome 和 Edge 生成的 fingerprint 是一样的?
前端·chrome·edge
狼性书生1 分钟前
uniapp实现的时间范围选择器组件
前端·uni-app·vue·组件·插件
计算机学姐2 分钟前
基于SSM的宠物领养管理系统【2026最新】
java·vue.js·后端·java-ee·tomcat·mybatis·宠物
前端不太难3 分钟前
RN 项目安全如何强化?(逆向、API安全、JS泄露)
开发语言·javascript·安全
Nan_Shu_6144 分钟前
学习:Pinia(1)
javascript·vue.js·学习
小白学大数据4 分钟前
实时监控 1688 商品价格变化的爬虫系统实现
javascript·爬虫·python
挫折常伴左右7 分钟前
HTML中的表单
前端·html
天问一9 分钟前
前端引用printJS打印
前端·arcgis
哆啦A梦158812 分钟前
商城后台管理系统 04 登录-功能实现-数据持久化-vuex
javascript·vue.js·elementui
xinyu_Jina1 小时前
PaperStudio:WYSIWYG文档的Web实现——从CSS Print到客户端PDF生成的技术解析
前端·css·pdf