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

1.单页应用程序

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

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

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

这时候就要用到路由了

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

什么路径配什么组件

3.VueRouter的使用(5+2)

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

4.组件分类

页面组件和复用组件

4.路由的封装抽离

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

有时候要注意路径变化

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

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

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

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

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

第二种是跳转传参

相关推荐
东东5161 分钟前
果园预售系统的设计与实现spingboot+vue
前端·javascript·vue.js·spring boot·个人开发
rainbow68893 分钟前
Python学生管理系统:JSON持久化实战
java·前端·python
打小就很皮...6 分钟前
React Router 7 全局路由保护
前端·react.js·router
起风的蛋挞15 分钟前
Matlab提示词语法
前端·javascript·matlab
有味道的男人16 分钟前
1688获得商品类目调取商品榜单
java·前端·spring
txwtech23 分钟前
第20篇esp32s3小智设置横屏
前端·html
Exquisite.30 分钟前
企业高性能web服务器---Nginx(2)
服务器·前端·nginx
怪兽毕设35 分钟前
基于SpringBoot的选课调查系统
java·vue.js·spring boot·后端·node.js·选课调查系统
DFT计算杂谈37 分钟前
VASP+PHONOPY+pypolymlpj计算不同温度下声子谱,附批处理脚本
java·前端·数据库·人工智能·python
广州华水科技41 分钟前
如何选择合适的单北斗变形监测系统来保障水库安全?
前端