手记

【九月打卡】第13天 Vue-Router 路由的理解和使用,对前端路由,你有怎样的理解,VueX 的语法详解

课程名称:2022持续升级 Vue3 从入门到实战 掌握完整知识体系

课程章节:7-5 Vue-Router 路由的理解和使用(1),7-6 Vue-Router 路由的理解和使用(2),7-7 【讨论题】对前端路由,你有怎样的理解?,7-8 VueX 的语法详解(1)

主讲老师:Dell


课程内容:

今天学习的内容包括:Vue-Router 路由的理解和使用,VueX 的语法详解

今日知识点:
1. 路由是指根据 url 的不同,展示不同的内容
2. 带 # 为 hash 路由
3. <router-link/>:是跳转路由的标签
4. <router-view/>:负责展示当前路由对应的组件路由
5. 异步加载路由:用到的时候再加载,减少首页的加载,但是会造成页面跳转的时候加载较慢 component:()=> import (/* webpackChunkName:"about" */ '../view/about')
6. VueX:数据管理框架
7. VueX 创建了一个全局唯一的仓库,用来存放全局的数据


课程收获:

第七章还剩下五节未学内容,明天把第七章学完就到了实战项目了。这几天学习的内容都是利用 vue-cli 创建工具新建各种 vue 项目,今天还学习了 Vue 的路由和 vuex,之前后端开发也用过路由,现在学的是前端路由,各有异同。随着单页应用的不断普及,前后端开发分离,目前项目基本都使用前端路由,在项目使用期间页面不会重新加载。

今日课程学习时间大约花费 16 分钟。


0人推荐
随时随地看视频
慕课网APP