中的反应性反应性是变量

aaruhul

组、字符串、数字、对象等）在声明后更改其值或它引用的任何其他变量时更新的能力。

在本文中，我们将了解 Vue 中的反应性、它的工作原理，以及我们如何使用新创建的方法和函数创建反应性变量。本文面向对 Vue 2.x 的工作原理有很好理解并希望熟悉新的Vue 3的开发人员。

我们将构建一个简单的应用程序以更好地理解这个主题。这个应用程序的代码可以在 GitHub 上找到。

默认情况下，JavaScript 不是响应式的。这意味着如果我们创建 法国电话号码表 变量boy并在应用程序的 A 部分引用它，然后在 B 部分继续修改boy，A 部分将不会更新为 的新值boy。

复制
上面的代码片段是 JavaScript 非反应性特性的完美示例——因此，为什么更改没有反映在变量中sentence。

都是默认响应式的，除了data创建此类组件时不存在的属性。这意味着当一个组件被注入到DOM中时，只有组件对象中的现有属性data会导致组件在这些属性发生变化时进行更新。



在内部特性）来确保这些属性是反应性的，但它仍然提供了从Vue 2中使用的选项以支持 Internet Explorer（ECMAScript 5）。此方法直接在对象上定义新属性，或修改对象上的现有属性，并返回该对象。

乍一看，由于我们大多数人已经知道反应性在 Vue 中并不新鲜，因此似乎没有必要使用这些属性，但是当您处理具有多个可重用功能的大型应用程序时，Options API 有其局限性应用程序的一部分。为此，引入了新的Composition API来帮助抽象逻辑，从而使代码库更易于阅读和维护。此外，我们现在可以使用任何新的属性和方法轻松地使任何变量具有反应性，而不管其数据类型如何。

当我们使用setup作为 Composition API 入口点的选项时，data对象、computed属性和methods是不可访问的，因为组件实例在执行时尚未创建setup。这使得无法利用setup. 在本教程中，我们将学习所有可以做到这一点的方法。