目录

customRef

Vue3提供的新组件

Fragment

Teleport

Suspense

Vue3中全局API的改变

customRef

创建一个自定义的ref，并对其依赖项跟踪和更新触发进行显示控制。

通过自定义ref，可以很方便的对其中的某些具体实现流程进行一定控制，实现一些特殊的效果。

还有一些组合式API就不再提及，需求者可自行去官网查看。

响应式数据的判断：

isRef：检查一个值是否为一个 ref 对象

isReactive：检查一个对象是否是由 reactive 创建的响应式代理

isReadonly：检查一个对象是否是由 readonly 创建的只读代理

isProxy：检查一个对象是否是由 reactive 或者 readonly 方法方法创建的代理

组合式API的优势：

传统的OptionsAPI，新增或修改一个需求，需要在data、methods、computed里去修改。

Composition API可以优雅的组织我们的代码，函数。让相关功能的代码有序组织在一起。

Vue3提供的新组件

在Vue3中不止语法进行了一定的修缮，而且出现了一些，Vue不存在的新的组件，举几个常年的组件进行讲解，如下：

Fragment

在Vue2中，组件必须有一个根组件，而在Vue3中组件可以没有根组件，内部会将多个标签包含在一个Fragment虚拟元素中。减少了标签层级，减少了内存使用。

Teleport

Teleport是一种能够将我们的组件html结构移动到指定位置的技术。比如一个嵌套很深的组件有个功能，需要进行CSS样式美化，如果嵌套太深，写css的层级太深不好操作，我们就可以借助这个组件将我们要修改的内容单独拎出来！

Suspense

等待异步组件时渲染一些额外的内容，让用户有更好的用户体验。其使用方式如下：

子组件的样式也写上吧：

当然除了网速的限制让我们出现额外的渲染，也可以通过setup返回Promise对象实例，并对其加以定时器来实现延迟渲染页面的效果。如下：

Vue3中全局API的改变

Vue2.x有许多全局API和配置。例如注册全局组件和注册全局指令，在Vue3.0中对这些API做出了调整，是将全局的API，即：Vue.xxx 调整到应用实例 app 上。