Merge pull request #219 from vuejs/docs-reactivity

docs: translate reactivity

Author: Jinjiang

src/api/options-data.md

@@ -36,7 +36,7 @@
   data: vm => ({ a: vm.myProp })
   ```
 
--  **参考**[深入响应式原理](../guide/reactivity.html)
+-  **参考**[深入响应性原理](../guide/reactivity.html)
 
 ## props
 

src/api/refs-api.md

@@ -112,7 +112,7 @@ stateAsRefs.foo.value++
 console.log(state.foo) // 3
 ```
 
-当从合成函数返回响应式对象时，`toRefs` 非常有用，这样消费组件就可以在不丢失响应式的情况下对返回的对象进行分解/扩散：
+当从合成函数返回响应式对象时，`toRefs` 非常有用，这样消费组件就可以在不丢失响应性的情况下对返回的对象进行分解/扩散：
 
 ```js
 function useFeatureX() {
@@ -129,7 +129,7 @@ function useFeatureX() {
 
 export default {
   setup() {
-    // 可以在不失去响应式的情况下破坏结构
+    // 可以在不失去响应性的情况下破坏结构
     const { foo, bar } = useFeatureX()
 
     return {

src/guide/change-detection.md

@@ -1,6 +1,6 @@
 # Vue 2 中的更改检测警告
 
-> 该页面仅适用于 Vue 2.x 及更低版本，并假定你已经阅读了[响应式部分](reactivity.md)。请先阅读该部分。
+> 该页面仅适用于 Vue 2.x 及更低版本，并假定你已经阅读了[响应性部分](reactivity.md)。请先阅读该部分。
 
 由于 JavaScript 的限制，有些 Vue **无法检测**的更改类型。但是，有一些方法可以规避它们以维持响应性。
 

src/guide/component-provide-inject.md

@@ -95,7 +95,7 @@ app.component('todo-list', {
 - 父组件不需要知道哪些子组件使用它提供的 property
 - 子组件不需要知道 `inject` property 来自哪里
 
-## 与响应式一起工作
+## 处理响应性
 
 在上面的例子中，如果我们更改了 `todos` 的列表，这个更改将不会反映在注入的 `todoLength` property 中。这是因为默认情况下，`provide/inject` 绑定*不*是被动绑定。我们可以通过将 `ref` property 或 `reactive` 对象传递给 `provide` 来更改此行为。在我们的例子中，如果我们想对祖先组件中的更改做出反应，我们需要为我们提供的 `todoLength` 分配一个组合式 API `computed` property：
 

src/guide/composition-api-introduction.md

@@ -157,7 +157,7 @@ console.log(counter.value) // 1
 
 ![按引用传递与按值传递](https://blog.penjee.com/wp-content/uploads/2015/02/pass-by-reference-vs-pass-by-value-animation.gif)
 
-在任何值周围都有一个包装器对象，这样我们就可以在整个应用程序中安全地传递它，而不必担心在某个地方失去它的响应式。
+在任何值周围都有一个包装器对象，这样我们就可以在整个应用程序中安全地传递它，而不必担心在某个地方失去它的响应性。
 
 :::tip 提示
 换句话说，`ref` 对我们的值创建了一个**响应式引用**。使用**引用**的概念将在整个组合式 API 中经常使用。

src/guide/composition-api-lifecycle-hooks.md

@@ -1,6 +1,6 @@
 # 生命周期钩子
 
-> 本指南假定你已经阅读了 [组合式 API 简介](composition-api-introduction.html)和[响应式基础](reactivity-fundamentals.html)。如果你不熟悉组合式 API，请先阅读这篇文章。
+> 本指南假定你已经阅读了 [组合式 API 简介](composition-api-introduction.html)和[响应性基础](reactivity-fundamentals.html)。如果你不熟悉组合式 API，请先阅读这篇文章。
 
 <VideoLesson href="https://www.vuemastery.com/courses/vue-3-essentials/lifecycle-hooks" title="Learn about how Lifecycle Hooks work with Vue Mastery">在 Vue Mastery 上观看关于生命周期钩子的免费视频</VideoLesson>
 

src/guide/composition-api-provide-inject.md

@@ -1,6 +1,6 @@
 # 提供/注入
 
-> 本指南假定你已经阅读了 [Provide / Inject](component-provide-inject.html)、[组合式 API 介绍](composition-api-introduction.html) 和[响应式基础](reactivity-fundamentals.html)。如果你不熟悉组合式 API，请先阅读这篇文章。
+> 本指南假定你已经阅读了 [Provide / Inject](component-provide-inject.html)、[组合式 API 介绍](composition-api-introduction.html)和[响应性基础](reactivity-fundamentals.html)。如果你不熟悉组合式 API，请先阅读这篇文章。
 
 我们也可以在组合式 API 中使用 [provide/inject](component-provide-inject.html)。两者都只能在当前活动实例的 [`setup()`](composition-api-setup.html) 期间调用。
 

src/guide/composition-api-template-refs.md

@@ -2,9 +2,9 @@
 
 > 本节代码示例使用[单文件组件](single-file-component.html)的语法
 
-> 本指南假定你已经阅读了 [组合式 API 简介](composition-api-introduction.html)和[响应式基础](reactivity-fundamentals.html)。如果你不熟悉组合式 API，请先阅读此文章。
+> 本指南假定你已经阅读了[组合式 API 简介](composition-api-introduction.html)和[响应性基础](reactivity-fundamentals.html)。如果你不熟悉组合式 API，请先阅读此文章。
 
-在使用组合式 API 时，[响应式引用](reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs)和[模板引用](component-template-refs.html)的概念是统一的。为了获得对模板内元素或组件实例的引用，我们可以像往常一样声明 ref 并从 [setup ()](composition-api-setup.html) 返回：
+在使用组合式 API 时，[响应式引用](reactivity-fundamentals.html#creating-standalone-reactive-values-as-refs)和[模板引用](component-template-refs.html)的概念是统一的。为了获得对模板内元素或组件实例的引用，我们可以像往常一样声明 ref 并从 [setup()](composition-api-setup.html) 返回：
 
 ```html
 <template> 
@@ -53,7 +53,7 @@ export default {
 }
 ```
 
-###  `v-for` 中的用法
+### `v-for` 中的用法
 
 组合式 API 模板引用在 `v-for` 内部使用时没有特殊处理。相反，请使用函数引用执行自定义处理：
 

src/guide/optimizations.md

@@ -17,4 +17,4 @@
 
 虚拟 DOM 是轻量级的 JavaScript 对象，由渲染函数创建。它包含三个参数：元素，带有数据的对象，prop，attr 以及更多，和一个数组。数组是我们传递子级的地方，子级也具有所有这些参数，然后它们可以具有子级，依此类推，直到我们构建完整的元素树为止。
 
-如果需要更新列表项，可以使用前面提到的响应式在 JavaScript 中进行。然后，我们对 JavaScript 副本，虚拟 DOM 进行所有更改，并在此与实际 DOM 之间进行区分。只有这样，我们才能对已更改的内容进行更新。虚拟 DOM 允许我们对 UI 进行高效的更新！
+如果需要更新列表项，可以使用前面提到的响应性在 JavaScript 中进行。然后，我们对 JavaScript 副本，虚拟 DOM 进行所有更改，并在此与实际 DOM 之间进行区分。只有这样，我们才能对已更改的内容进行更新。虚拟 DOM 允许我们对 UI 进行高效的更新！

src/guide/reactivity-computed-watchers.md

@@ -95,7 +95,7 @@ watchEffect(async onInvalidate => {
 
 ### 副作用刷新时机
 
-Vue 的响应式系统会缓存副作用函数，并异步地刷新它们，这样可以避免同一个“tick” 中多个状态改变导致的不必要的重复调用。在核心的具体实现中，组件的 `update` 函数也是一个被侦听的副作用。当一个用户定义的副作用函数进入队列时，默认情况下，会在所有的组件 `update` **前**执行：
+Vue 的响应性系统会缓存副作用函数，并异步地刷新它们，这样可以避免同一个“tick” 中多个状态改变导致的不必要的重复调用。在核心的具体实现中，组件的 `update` 函数也是一个被侦听的副作用。当一个用户定义的副作用函数进入队列时，默认情况下，会在所有的组件 `update` **前**执行：
 
 ```html
 <template>