一. 框架搭建
1. 关于文档 API 参考 | Vue.js (vuejs.org)
2. VUE3 API 整体盘点
Vue3 api 主要包含以下六个部分:
全局API --- 全局会用到的API
组合式API --- vue3所拥有的组合式API
选项式API --- vue2所拥有的选项式API
内置内容 --- 指令、组件、特殊元素和特殊属性
单文件组件 --- 语法定义
进阶API --- 渲染函数、服务端渲染、TS工具类型和自定义渲染
二. 全局 API
1. 应用实例
2. 通用 API
三. 组合式 API
1. setup
2. 响应式: 核心
3. 响应式: 工具函数
4. 响应式: 进阶
5. 生命周期钩子
6. 依赖注入
四. 选项式 API
选项式 API 即 options API .在vue3项目中,也是有一些 选项式 API.
1. 状态选项
2. 渲染选项
3. 生命周期选项
4. 组合选项
5. 其他杂项
6. 组件实例
五. 内置内容
vue3 的内置内容包括 指令、组件、特殊元素element和特殊属性attributes.如果要谈在什么场景下会用内置内容,那在一般的vue项目开发中,基本都会用到内置内容.比较常用的是 v-if和v-else 等.
1. 指令
2. 组件
3. 特殊元素
4. 特殊属性 Attributes
六. 单文件组件
万物节皆可组件
1. SFC 语法定义
2. 单文件组件 script setup
3. css功能
七. 进阶API
例: 我们可以在一个 headless 组件里,用render 和 h() 函数,来渲染自定义的页面.
1. 渲染函数
2. 服务端渲染
3. TypeScript工具类型
4. 自定义渲染