VUE3新功能

　　VUE应根据某个模板在2.x中编写代码。例如，数据只能放在数据（）中。该方法只能将其放置在方法中。对于新手来说，根据模板编写代码可能是一件好事，但是一旦项目更改，项目更改后似乎很难维护。

　　左侧图标，即VUE2使用的options-api。图中的相同颜色对应于组件的函数。您可以看到，为了实现函数，Options-API编写的代码非常分散。

　　如果组件逻辑很复杂并且代码的数量很大，我们不仅添加了一个新代码，不仅可以上下滑动，而且在以后的代码维护中也很难读取，因为实现函数的代码不集中另外，作为新近接种的开发人员，在诸如方法，数据和计算之类的广泛选项中，很难找到该变量属于的哪些功能。

　　在构图-API中，我们可以编写一个将功能实现的代码，甚至可以在JS文件或功能中分别绘制它们。在JS文件中，您也可以引用Coption-api的生命周期函数。改善代码的维护。这可以更好地提取和重复多个组件之间的逻辑。

　　摘要比较：

　　设置函数是一个新的组件选项。在使用组件中使用组成API的入口点。在创建组件之前，将执行新的设置选项。一旦解析道具，它将用作组合API的入口。

　　设置函数的参数首先研究设置函数的参数。它主要有两个参数：

　　道具非常容易理解。实际上，由父组件传递的属性将放在Props对象中。如果我们需要在设置中使用它，我们可以通过Props参数直接获得它：

　　另一个参数是上下文。我们还称其为设置UpContext。它包含三个属性：

　　由于设置函数的返回值是一个函数，因此它也可以具有返回值。它的返回值使用什么？

　　即使我们也可以返回执行函数，而不是方法中定义的方法：

　　9

　　设置不使用此官方描述：

　　在我看来，两者都用于创建响应对象。

　　``以下是有关参考，反应性的两种样式建议

　　9

　　观察效应功能的功能和计算属性相似，但是

　　9

　　V-IF和V-For优先级比较

　　v绑定的合并行为

　　9

　　9

　　9

　　直接放置代码?

　　9

　　提供和注入是VUE提供的一对API。API可以实现组件之间的沟通，无论该水平多么深，都可以通过这对实现

　　当在设置中提供提供用途时，我们首先介绍Vue的提供方法。这使我们能够呼叫以定义每个属性。预启动函数允许您通过两个参数来定义正确的函数：

　　9

　　Inject（Inject（）中的Inject（）也需要从Vue中明确导入。导入后，我们可以称其为定义暴露于我们的组件。注入函数中有两个参数：

　　9

　　回复9

　　9

　　9

　　如果您要确保通过注射的组件不会更改通过提供的数据，则官方建议使用ReadOnly用于提供商的属性。

　　9

　　提示

　　V-HTML创建的DOM内容不会受域样式的影响，但是您仍然可以使用深度选择器来设置其样式。

　　模块

　　它是vue3.x中的核心方法，用于访问实例上下文的路由器和vuex。

　　此外，Vue-Router还为组成-API支撑构图-API提供两个路由警卫：更新并离开

　　2. Vuex1和TeleportTeleport被翻译成瞬时的移动组件或在中国任意传输门。也有独立的组件。这是一项可以将我们的模板移至其他位置的技术。

　　场景：像这个元素一样，在许多情况下，我们将其完全用VUE应用程序的DOM剥离，并且更容易管理。

　　原因是，如果我们嵌套在VUE的组件中，那么处理嵌套组件的定位和样式将变得困难。

　　另外，像这样的元素需要使用VUE组件的状态（或）值。

　　这是传送的方便。我们可以在组件的逻辑位置上编写模板代码，这意味着我们可以使用组件的数据或道具。然后将其呈现在VUE应用程序的范围之外。

　　使用传送方法，您可以将对话框组件渲染到要任意渲染的外部DOM。您不必在#APP中注意到，这样您就不会互相干扰。您可以将Teleport视为门户，并将您的组件发送到您需要的位置。传送组件和其他部件之间没有其他区别组件，它们使用相同。

　　2.悬念在等待异步组件时会渲染一些其他内容，以使应用程序具有更好的用户体验。

　　实验

　　悬念是实验的新功能，其API可能随时更改。在这里，社区可以为当前实施提供反馈。

　　不要使用生产环境。

　　以上是官方警告！

　　使用：

　　在异步请求中必须执行的一件事是捕获错误，因为我们不得不支持后端的后端，并且可能无法使用，因此我们必须捕获异常并处理它。

　　在vue3.x版本中，可以使用OnErrorcapture的钩子函数来捕获异常。在使用此钩函数之前，您需要介绍它。

　　使用OnErrorCaptud，它可以直接在setup（）函数中使用。挂钩函数要求我们返回布尔值，这意味着是否传递了错误父另一方面，Vue将停止错误的传播。

　　3. vue2.x中的片段，只有一个根节点仅在模板中允许：

　　但是在vue3.x中，您可以直接编写多个根节点：

　　最后，我建议一些VUE3相关的URL