首页 实战 Vue3 + TS 仿知乎专栏企业级项目
收藏

Vue3 + TS仿知乎专栏企业级项目

新增官方推荐的最新周边工具讲解,加量不加价! 新增 Pinia

Vue3 + TS 仿知乎专栏企业级项目

¥348.00
已完结 难度 中级 时长 24小时 学习人数 3137 综合评分 9.98
vue3.0企业级应用&组件库开发
套餐价格:¥672.00
2门课 总价:¥747.00
立即购买
Vue3从入门到企业级应用
套餐价格:¥628.00
2门课 总价:¥696.00
立即购买
vue3.0企业级应用&综合解决方案
套餐价格:¥725.00
2门课 总价:¥806.00
立即购买
vue3前中台解决方案&&企业级应用
套餐价格:¥762.00
2门课 总价:¥847.00
立即购买

Vue3 +TS ,使用新版Vuex 和 Vue-Router 全家桶让你学会一个基本的组件库的开发思路和技巧。接入真实后端API,提供抓住前后端分离开发痛点 - 权限管理,路由控制,全局Store 结构设计,前端缓存实现等。

张轩
讲师

高级前端工程师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看

课程对比栏

隐藏
  • 1
    可继续添加课程
  • 2
    可继续添加课程
  • 3
    可继续添加课程
  • 4
    可继续添加课程
对比
清空对比栏

2023年再次重磅更新:
Pinia - 官方推荐的状态管理工具全揭秘

Vue3 生态圈 + 知识点一网打尽,同时更新官方推荐的最新周边工具

深度剖析 Vue3 特性
Composition API 全解析
Script Setup 语法大揭秘
结合 Typescript 完美输出
全流程企业级项目,从开发到部署,完成闭环
前后端分离开发重难点解析
接入真实 API,并提供在线调试工具
构建生产环境代码
使用 gitee 完成部署
新增 20%
重磅内容
官方推荐的最新周边工具
脚手架:Vue-Cli 和 Vite
状态管理:Vuex4 和 Pinia
路由管理:Vue-Router 4
编辑器插件:Volar 和 Vetur

不止于理论介绍,多层次内容组合,直击 Vue3 企业级开发

配套超值服务: 真实后端接口API+组件库+细致版电子书

热门技术+经典项目
Vue3 配合 Typescript
结合新版 Vue3 全家桶
以及十几个流行的第三方库
全流程开发并且部署经典项目
点击预览项目
接入真实后端API
前后端分离,重点难点全程解析
含身份鉴权、路由守护、上传文件、
前端数据缓存、部署等
全程提供后端API
让你告别虚假数据,拥抱真实项目
后端在线调试
点击预览API&站点
从易到难完成组件库开发
手把手由浅入深实现常用组件库
了解原理远比使用更重要
从下拉菜单到上传组件
经典复刻六个常用组件
了解六种原理
点击预览文档与组件库
完全拥抱 TypeScript
全程 TypeScript 编码
杜绝 any
让你真正理解TS的优势
学会使用 typescript
为你未来的编码如虎添翼

Vue3 + Vue 全家桶+ TypeScript 组件化开发,技术全面,落地扎实

项目全部采用新版Composition API 编写,汇聚当前市场热门的技术栈

TypeScript基础
简单类型
复杂类型
接口-Interface
类 – Class
泛型 – Generics
声明文件
Vue3.0
Ref 和 Reactive
watch 和 computed
生命周期、自定义函数 Hooks
Teleport 和 Suspense
Provide 和 Inject
vue3.2 script setup 语法
全局 API 修改
复杂组件设计和实现
组件化开发
Vuex-router
基本用法
动态路由匹配
导航守卫
路由元信息
Vuex管理全局
基本概念
State/Getter
Mutation/Action
中大型Store 的结构设计与实现
在线API使用
前后端结合
Axios 基础和用法
Swagger 在线调试异步请求
JSON web token 实现权限验证
Axios 拦截器实现全局处理
前后端缓存设计与实现
文件上传原理和组件实现
项目部署
生产环境概念、构建代码
部署到云组件、使用脚本自动部署
还有更多技术思路与技巧
Bootstrap 基础和用法 、Vue cli 用法 、
Restful API 设计理念
第三方库
axios
bootstrap
mitt
easymde
markdown-it
Pinia 状态管理:
基本概念
State/Getter/Action
中大型应用全局状态分析与设计

从需求分析到上线部署 带你用 Vue3 造轮子

本项目的原理/架构/思路/实现方式/解决方案,可以应对全行业的绝大部分项目

上线 1 年,好评不断,不可错过!

后端转全栈也可学
lilj_01
老师用心了。目前看了60%,我是后端来学前端。前60%看了两遍了,两
次有不一样的收获。就好像看大片电影,二刷、三刷能发现更多细节。期待
老师Vue + ts进阶的课程,也希望老师给点儿后端转全栈的一些建议。
电子书有大用处
_kei
买了慕课挺多课,这个可以说感觉相当用心的课程了。不过可能是我技术弱的关
系,学的是稍微吃力了一些,目前学到5-6,也给自己打个气。老师一般一天内肯
定会回复,而且回复很认真。另外提醒各位新人,我之间也觉得代码跳跃,后来发
现是因为没看电子书。跟着视频做,不要直接看仓库的完成版源码,电子书真的特
别良心,一步步的都在里面,希望我的评价能给观望的小伙伴一些参考及帮助。
组件化开发大提升
嘻茶
表单组件和上传组件开发,公共逻辑的提取,router跳转逻辑让我收获很大,第
十一章有点难度,我准备二刷,把这几个组件自己写一遍再加上别的功能。
课程大纲
第1章 课程介绍
本章节介绍整个课程的内容,让大家了解课程的核心和安排。
第2章 你好 Typescript: 进入类型的世界
本章主要帮助大家理解 TypeScript 可以解决的问题和所带来的优势,带领大家学习 TS 中的各种基础类型,然后进阶到复杂类型,包括:Array, Tuple, interface, function, Class, Enum, Generices等,迅速帮助大家理解 TS 的基础使用方式和语法。
第3章 初识 Vue3.0: 新特性详解
首先浏览 vue3 新带来的变化,然后从为什么会有 vue3 引出话题, 带领大家学习 compostion API,自定义Hooks,Teleport,Suspense 和 全局 API 修改等一系列 vue3 的重大更新。
第4章 项目起航 - 准备工作和第一个页面
本章从项目的需求开始分析,然后确定项目的整体结构和代码规范,并且为项目选择 Bootstrap 作为样式库,编写 ColumnList 和 GlobalHeader 完成简单的练手以后,开始挑战第一个比较复杂的 Dropdown 下拉菜单组件,最后还抽象抽象出第一个 hooks 函数。
第5章 表单的世界 - 完成自定义 Form 组件
本章来到表单的世界,从头到尾非常完整的完成了一个带验证表单组件的全流程开发过程,在整个过程中,我们还学习到了 v-model,$attrs, slot,组件父子通讯 和 mitt 的各种知识点。
查看完整目录

每个慕课网课程,都是一个专业的技术社区

个性化增值服务,学习有保障更高效

答疑专区+技术社区
连百度谷歌都搜不到的问题,在这里讲
师都将耐心详细解答,更有小伙伴一起
交流互动,共同进步。
课程全套代码下载
提供课程全套源代码下载,包含:
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
独家“动态”教辅材料
丰富的专属教辅资料上传更新,通过课程
教案、原理图解、技术文档、演示案例等
各种教材,保障你的学习效果。
实用电子文档
课程配备详细电子书,图文并茂,与视
频相配合,既保障学习效果,又提高了
学习效率。
适合人群
1-3年开发经验的前端开发者
初入社会的毕业生
技术储备
HTML/CSS/JS基础
JavaScript 基础知识
Vue2 基础知识
环境参数
Vue 3.0.0
vue-router 4.0.0
vuex 4.0.0
bootstrap 5.0.0
TypeScript 3.9.0
vue-cli 4.5.0
Axios 0.19.0
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题