从零到一开发到上线 高仿知乎专栏
使用 Typescript + Vue3 开发
Vue3 + Typescript
全网首发,2020年最火技术双剑合璧,Vue3 配合 Typescript ,使用新版Vuex 和 Vue-Router 全家桶完成前后端分离复杂项目
组件库为脉络
实现一系列由易到难的通用组件开发,可谓学会一个基本的组件库的开发。
提供真实后端API
告别 mock 数据,并提供swagger 在线调试查询。
# 课程与服务
- 项目演示站点:http://zhihu.vikingship.xyz/
- 在线后端API 查询和使用站点:http://api.vikingship.xyz/
- 项目在线文档:http://docs.vikingship.xyz/
- 完成的组件库展示:http://showcase.vikingship.xyz/
- 流程图和原型图
- 购买后直接可以接入使用的真实后端API
- 如果您想学习本课程,请支持正版,谢谢! https://coding.imooc.com/class/449.html
# 知识点
# Typescript
- 简单类型
- 复杂类型
- 接口-Interface
- 类 - Class
- 泛型 - Generics
- 声明文件
# Vue3
- Ref 和 Reactive
- watch 和 computed
- 生命周期
- 自定义函数 Hooks
- Teleport 和 Suspense
- 全局 API 修改
- 复杂组件设计和实现
# Vue Router
- 基本用法
- 动态路由匹配
- 导航守卫
- 路由元信息
# Vuex
- 基本概念
- State
- Getter
- Mutation
- Action
- 中大型Store 结构设计与实现
# 前后端结合
- Axios 基础和用法
- swagger 在线调试异步请求
- JSON web token 实现权限验证
- axios 拦截器实现全局处理
- 前端缓存设计与实现
- 文件上传原理和组件实现
# 项目部署
- 生产环境概念
- 构建代码
- 部署到云主机
- 使用脚本自动部署
# 更多内容
- Bootstrap 基础和用法
- Vue cli 用法
- Restful API 设计理念