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

1.单页应用程序

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

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

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

这时候就要用到路由了

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

什么路径配什么组件

3.VueRouter的使用(5+2)

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

4.组件分类

页面组件和复用组件

4.路由的封装抽离

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

有时候要注意路径变化

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

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

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

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

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

第二种是跳转传参

相关推荐
Komorebi゛5 分钟前
【CSS】斜角流光样式
前端·css
Irene199112 分钟前
CSS 废弃属性分类总结
前端·css
青莲84322 分钟前
Android 事件分发机制 - 事件流向详解
android·前端·面试
musashi22 分钟前
用 Electron 写了一个 macOS 版本的 wallpaper(附源码、下载地址)
前端·vue.js·electron
满天星辰24 分钟前
Typescript之类型总结大全
前端·typescript
JFChen24 分钟前
Web 仔用 Node 像 Java 一样写后端服务
前端
XiaoSong27 分钟前
React useState 原理和异步更新
前端·react.js
徐徐子28 分钟前
从vue3 watch开始理解Vue的响应式原理
前端·vue.js
拾荒的小海螺30 分钟前
开源项目:Three.js 构建 3D 世界的工具库
javascript·3d·开源
眯眼因为很困啦31 分钟前
GitHub Fork 协作完整流程
前端·git·前端工程化