为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Vue.js 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 分钟。

https://img3.sycdn.imooc.com/6325d0a80001655918600886.jpg

https://img1.sycdn.imooc.com/6325d0a90001619618610883.jpg


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消