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

1.单页应用程序

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

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

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

这时候就要用到路由了

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

什么路径配什么组件

3.VueRouter的使用(5+2)

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

4.组件分类

页面组件和复用组件

4.路由的封装抽离

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

有时候要注意路径变化

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

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

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

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

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

第二种是跳转传参

相关推荐
灵感__idea1 天前
Hello 算法:贪心的世界
前端·javascript·算法
GreenTea1 天前
一文搞懂Harness Engineering与Meta-Harness
前端·人工智能·后端
killerbasd1 天前
牧苏苏传 我不装了 4/7
前端·javascript·vue.js
吴声子夜歌1 天前
ES6——二进制数组详解
前端·ecmascript·es6
码事漫谈1 天前
手把手带你部署本地模型,让你Token自由(小白专属)
前端·后端
ZC跨境爬虫1 天前
【爬虫实战对比】Requests vs Scrapy 笔趣阁小说爬虫,从单线程到高效并发的全方位升级
前端·爬虫·scrapy·html
爱上好庆祝1 天前
svg图片
前端·css·学习·html·css3
橘子编程1 天前
JavaScript与TypeScript终极指南
javascript·ubuntu·typescript
王夏奇1 天前
python中的__all__ 具体用法
java·前端·python
叫我一声阿雷吧1 天前
JS 入门通关手册(45):浏览器渲染原理与重绘重排(性能优化核心,面试必考
javascript·前端面试·前端性能优化·浏览器渲染·浏览器渲染原理,重排重绘·reflow·repaint