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>

src/guide/reactivity-fundamentals.md

@@ -1,4 +1,4 @@
-# 响应式原理
+# 响应性基础
 
 ## 声明响应式状态
 
@@ -17,9 +17,9 @@ const state = reactive({
 
 Vue 中响应式状态的基本用例是我们可以在渲染期间使用它。因为依赖跟踪的关系，当响应式状态改变时视图会自动更新。
 
-这就是 Vue 响应式系统的本质。当从组件中的 `data()` 返回一个对象时，它在内部交由 `reactive()` 使其成为响应式对象。模板会被编译成能够使用这些响应式 property 的[渲染函数](render-function.html)。
+这就是 Vue 响应性系统的本质。当从组件中的 `data()` 返回一个对象时，它在内部交由 `reactive()` 使其成为响应式对象。模板会被编译成能够使用这些响应式 property 的[渲染函数](render-function.html)。
 
-在[响应式基础 API](../api/basic-reactivity.html) 章节你可以学习更多关于 `reactive` 的内容。
+在[响应性基础 API](../api/basic-reactivity.html) 章节你可以学习更多关于 `reactive` 的内容。
 
 ## 创建独立的响应式值作为 `refs`
 
@@ -124,7 +124,7 @@ const book = reactive({
 let { author, title } = book
 ```
 
-遗憾的是，使用解构的两个 property 的响应式都会丢失。对于这种情况，我们需要将我们的响应式对象转换为一组 ref。这些 ref 将保留与源对象的响应式关联：
+遗憾的是，使用解构的两个 property 的响应性都会丢失。对于这种情况，我们需要将我们的响应式对象转换为一组 ref。这些 ref 将保留与源对象的响应式关联：
 
 ```js
 import { reactive, toRefs } from 'vue'

src/guide/template-syntax.md

@@ -2,7 +2,7 @@
 
 Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层组件实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。
 
-在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。
+在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应性系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。
 
 如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量，你也可以不用模板，[直接写渲染 (render) 函数](render-function.html)，使用可选的 JSX 语法。
 

src/guide/transitions-state.md

@@ -7,7 +7,7 @@ Vue 的过渡系统提供了非常多简单的方法设置进入、离开和列
 - SVG 节点的位置
 - 元素的大小和其他的 property
 
-这些数据要么本身就以数值形式存储，要么可以转换为数值。有了这些数值后，我们就可以结合 Vue 的响应式和组件系统，使用第三方库来实现切换元素的过渡状态。
+这些数据要么本身就以数值形式存储，要么可以转换为数值。有了这些数值后，我们就可以结合 Vue 的响应性和组件系统，使用第三方库来实现切换元素的过渡状态。
 
 ## 状态动画与侦听器
 

src/style-guide/README.md

@@ -1364,7 +1364,7 @@ computed: {
         - `renderTracked`
         - `renderTriggered`
 
-8.  **非响应式的 property** (不依赖响应系统的实例 property)
+8.  **非响应式的 property** (不依赖响应性系统的实例 property)
     - `methods`
 
 9. **渲染** (组件输出的声明式描述)