从零到一开发到上线 高仿知乎专栏

使用 Typescript + Vue3 开发

快速上手 →

Vue3 + Typescript

全网首发,2020年最火技术双剑合璧,Vue3 配合 Typescript ,使用新版Vuex 和 Vue-Router 全家桶完成前后端分离复杂项目

组件库为脉络

实现一系列由易到难的通用组件开发,可谓学会一个基本的组件库的开发。

提供真实后端API

告别 mock 数据,并提供swagger 在线调试查询。

# 课程与服务

# 知识点

# 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 设计理念