Vue.js

1. 基于 Vue3.x composition API 和 <script setup> 语法 2. 基于 TypeScript 3. 实现思路为主

简单实现一个 Message 组件。使用 Vue3.0，TSX (TypeScript + JSX 语法)。

前置背景： 最近项目组在逐步使用 Vue3 + Tsx 进行开发，本文想通过一个卡片组件的开发，来感受一下 Vue3.0 + Tsx 的开发体验。

1. 什么是 Pinia ? 2. Pinia 的优势 3. Pinia 和 Vuex 4. Pinia 的基本使用

1. 什么是 Nuxt.js ? 2. Nuxt 的有点 3. 如何安装 Nuxt 4. Nuxt 中需要掌握的 API (视图渲染，路由，请求，状态管理，部署)

1. 什么是 Vuex？ 2. 如何安装 Vuex 3. Vuex 的工作流 4. Vuex 的核心概念 5. Vuex 的插件化索引 6. 建议的项目架构方式

1. 什么是 VueRouter ? 2. VueRouter 常用的标签式 API 3. VueRouter 的函数式 API 4. VueRouter 内部命名规范

1. 和 ref 相关的 API 方法 2. 和 shallow 相关的 API 方法 3. 和组件作用域相关的 API 方法

1. isRef() 2. unref() 3. toRef() 4. toRefs() 5. isProxy() 6. isReactive() 7. isReadonly()

1. watchEffect() 概述、特点、使用 2. watch() 概述、特点、使用 3. watch() 和 watchEffect() 的对比

1. computed() 概述 2. 为什么需要使用 computed() 3. computed() 的用法 4. computed() 的用途 5. 使用 computed() 需要注意什么

1. ref 概述 2. ref 的数据声明 3. ref 的试图引用绑定 4. ref 的一些特点总结

1. reactive 概述 2. reactive 的特点 3. reactive 配合其他的组合式 API 一起使用 4. 关于 reactive 的一些总结

1. setup 函数是什么 2. setup 函数的作用 3. setup 函数的运用场景 4. 如何使用 setup 函数 5. 使用 setup 函数的一些注意点

1. 对于 API 风格的说明 2. options API 的特点 3. composition API 的特点 4. 如何取舍：options API / composition API ?

1. 为什么需要渲染函数 2. Vue 渲染的工作流程回顾 3. 如何使用渲染函数 h() 4. h() 结合其他 Vue 的 API 使用

1. mixin 混入的概念 2. mixin 混入的声明 3. mixin 混入的使用 4. mixin 的用途、特点、局限性

1. 回顾一下 Vuex 如何使用 ? 2. 如何声明 my-vuex 插件（依赖注入 + 全局属性注册） 3. 自上而下完善 my-vuex 设计

1. 什么是插件 2. 插件的组成 3. 插件可能的应用场景 4. 插件的使用示例 5. 在插件中使用 provide & inject

1. 什么是 <Teleport> 2.为什么要有 <Teleport> 3. 使用 Teleport 的步骤 4. Teleport 的一些高级用法（搭配组件、禁用、多个共享）