vue3所有API盲点

一. 框架搭建

        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. 自定义渲染