translated all "computed property"

Author: Jinjiang

src/v2/api/index.md

@@ -415,7 +415,7 @@ type: api
 
   让一个对象可响应。Vue 内部会用它来处理 `data` 函数返回的对象。
 
-  返回的对象可以直接用于[渲染函数](../guide/render-function.html)和 [computed property](../guide/computed.html) 内，并且会在发生改变时触发相应的更新。也可以作为最小化的跨组件状态存储器，用于简单的场景：
+  返回的对象可以直接用于[渲染函数](../guide/render-function.html)和 [计算属性](../guide/computed.html) 内，并且会在发生改变时触发相应的更新。也可以作为最小化的跨组件状态存储器，用于简单的场景：
 
   ``` js
   const state = Vue.observable({ count: 0 })
@@ -577,17 +577,17 @@ type: api
 
 - **详细**：
 
-  computed property 将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。
+  计算属性 将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。
 
-  注意如果你为一个 computed property 使用了箭头函数，则 `this` 不会指向这个组件的实例，不过你仍然可以将其实例作为函数的第一个参数来访问。
+  注意如果你为一个 计算属性 使用了箭头函数，则 `this` 不会指向这个组件的实例，不过你仍然可以将其实例作为函数的第一个参数来访问。
 
   ```js
   computed: {
     aDouble: vm => vm.a * 2
   }
   ```
 
-  computed property 的结果会被缓存，除非依赖的响应式 property 变化才会重新计算。注意，如果某个依赖 (比如非响应式 property) 在该实例范畴之外，则 computed property 是**不会**被更新的。
+  计算属性 的结果会被缓存，除非依赖的响应式 property 变化才会重新计算。注意，如果某个依赖 (比如非响应式 property) 在该实例范畴之外，则 计算属性 是**不会**被更新的。
 
 - **示例**：
 
@@ -616,7 +616,7 @@ type: api
   vm.aDouble // => 4
   ```
 
-- **参考**：[computed property](../guide/computed.html)
+- **参考**：[计算属性](../guide/computed.html)
 
 ### methods
 
@@ -866,7 +866,7 @@ type: api
 
   由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子。
 
-  当这个钩子被调用时，组件 DOM 已经更新，所以你现在可以执行依赖于 DOM 的操作。然而在大多数情况下，你应该避免在此期间更改状态。如果要相应状态改变，通常最好使用 [computed property](#computed) 或 [watcher](#watch) 取而代之。
+  当这个钩子被调用时，组件 DOM 已经更新，所以你现在可以执行依赖于 DOM 的操作。然而在大多数情况下，你应该避免在此期间更改状态。如果要相应状态改变，通常最好使用 [计算属性](#computed) 或 [watcher](#watch) 取而代之。
 
   注意 `updated` **不会**保证所有的子组件也都一起被重绘。如果你希望等到整个视图都重绘完毕，可以在 `updated` 里使用 [vm.$nextTick](#vm-nextTick)：
 
@@ -1540,7 +1540,7 @@ type: api
     function () {
       // 表达式 `this.a + this.b` 每次得出一个不同的结果时
       // 处理函数都会被调用。
-      // 这就像监听一个未被定义的computed property
+      // 这就像监听一个未被定义的计算属性
       return this.a + this.b
     },
     function (newVal, oldVal) {

src/v2/cookbook/adding-instance-properties.md

@@ -30,7 +30,7 @@ new Vue({
 
 > “为什么 `appName` 要以 `$` 开头？这很重要吗？它会怎样？”
 
-这里没有什么魔法。`$` 是在 Vue 所有实例中都可用的 property 的一个简单约定。这样做会避免和已被定义的数据、方法、computed property 产生冲突。
+这里没有什么魔法。`$` 是在 Vue 所有实例中都可用的 property 的一个简单约定。这样做会避免和已被定义的数据、方法、计算属性 产生冲突。
 
 > “你指的冲突是什么意思？”
 
@@ -102,7 +102,7 @@ new Vue({
 
 ## 原型方法的上下文
 
-你可能没有意识到，在 JavaScript 中一个原型的方法会获得该实例的上下文。也就是说它们可以使用 `this` 访问数据、computed property、方法或其它任何定义在实例上的东西。
+你可能没有意识到，在 JavaScript 中一个原型的方法会获得该实例的上下文。也就是说它们可以使用 `this` 访问数据、计算属性、方法或其它任何定义在实例上的东西。
 
 让我们将其用在一个名为 `$reverseText` 的方法上：
 

src/v2/cookbook/form-validation.md

@@ -323,7 +323,7 @@ const app = new Vue({
 })
 ```
 
-我们将总和设置为了一个 computed property，从那个我们解决掉的 bug 外面看上去，这已经足够了。我的 `checkForm` 方法现在只需要关注总和是不是 100 了。你可以在这里试用：
+我们将总和设置为了一个 计算属性，从那个我们解决掉的 bug 外面看上去，这已经足够了。我的 `checkForm` 方法现在只需要关注总和是不是 100 了。你可以在这里试用：
 
 <p data-height="265" data-theme-id="0" data-slug-hash="vWqGoy" data-default-tab="html,result" data-user="cfjedimaster" data-embed-version="2" data-pen-title="form validation 3" class="codepen">在 <a href="https://codepen.io">CodePen</a> 查看 Raymond Camden (<a href="https://codepen.io/cfjedimaster">@cfjedimaster</a>) 的 <a href="https://codepen.io/cfjedimaster/pen/vWqGoy/">表单校验3</a>。</p>
 <script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>

src/v2/cookbook/index.md

@@ -12,7 +12,7 @@ order: 0
 
 * **更有深度**：为了避免指南写得太长，我们试着只包含了尽可能简单的示例来帮助你理解每个功能，然后就奔下一个话题了。在 cookbook 里，我们以更生动的形式包含了更复杂的示例并结合特性。每个案例都可以尽可能的翔实，以彻底探索这个领域。
 
-* **传授 JavaScript**：在指南里，我们假设你至少具有 ES5 JavaScript 的中级水平。例如，我们不会解释 `Array.prototype.filter` 在 computed property 中是如何过滤一个列表的。然而在 cookbook 里，我们将对一些必要的 JavaScript 特性 (包括 ES6/2015+) 进行探索和解释，以帮助我们构建更好的 Vue 应用。
+* **传授 JavaScript**：在指南里，我们假设你至少具有 ES5 JavaScript 的中级水平。例如，我们不会解释 `Array.prototype.filter` 在 计算属性 中是如何过滤一个列表的。然而在 cookbook 里，我们将对一些必要的 JavaScript 特性 (包括 ES6/2015+) 进行探索和解释，以帮助我们构建更好的 Vue 应用。
 
 * **探索生态系统**：对于高级特性，我们会假设你已经对生态系统有一定了解。例如，如果你想在 webpack 中使用单文件组件，我们不会解释如何在 webpack 中配置 Vue 以外的部分。在 cookbook 里，我们有空间去更深度探索这些生态系统中的库——至少能到对 Vue 开发者普遍使用的程度。
 

src/v2/cookbook/unit-testing-vue-components.md

@@ -228,7 +228,7 @@ describe('Foo', () => {
 
 注意事项：
 
-在一开始，工厂函数将 `values` 对象合并到了 `data` 并返回了一个新的 `wrapper` 实例。这样，我们就不需要在每个测试中重复 `const wrapper = shallowMount(Foo)`。另一个好处是当你想为更复杂的组件在每个测试中伪造或存根一个方法或 computed property 时，你只需要声明一次即可。
+在一开始，工厂函数将 `values` 对象合并到了 `data` 并返回了一个新的 `wrapper` 实例。这样，我们就不需要在每个测试中重复 `const wrapper = shallowMount(Foo)`。另一个好处是当你想为更复杂的组件在每个测试中伪造或存根一个方法或 计算属性 时，你只需要声明一次即可。
 
 ## 额外的上下文
 

src/v2/examples/firebase.md

@@ -4,6 +4,6 @@ type: examples
 order: 10
 ---
 
-> 本示例使用 [Firebase](https://firebase.google.com/) 作为数据存储后端，同时在客户端进行数据实时同步 (你可以在多个浏览器窗口去打开它来验证)。另外，它通过 computed property 实时验证，并且添加／移除选项时触发 CSS 过渡。
+> 本示例使用 [Firebase](https://firebase.google.com/) 作为数据存储后端，同时在客户端进行数据实时同步 (你可以在多个浏览器窗口去打开它来验证)。另外，它通过 计算属性 实时验证，并且添加／移除选项时触发 CSS 过渡。
 
 <iframe src="https://codesandbox.io/embed/github/vuejs/vuejs.org/tree/master/src/v2/examples/vue-20-firebase-validation?codemirror=1&hidedevtools=1&hidenavigation=1&theme=light" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" title="vue-20-template-compilation" allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>

src/v2/examples/svg.md

@@ -4,6 +4,6 @@ type: examples
 order: 5
 ---
 
-> 本示例展示了一个结合体，它由常用组件、computed property、2 种绑定方式和 SVG 的支持组成。
+> 本示例展示了一个结合体，它由常用组件、计算属性、2 种绑定方式和 SVG 的支持组成。
 
 <iframe src="https://codesandbox.io/embed/github/vuejs/vuejs.org/tree/master/src/v2/examples/vue-20-svg-graph?codemirror=1&hidedevtools=1&hidenavigation=1&theme=light" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" title="vue-20-template-compilation" allow="geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>

src/v2/guide/class-and-style.md

@@ -60,7 +60,7 @@ data: {
 }
 ```
 
-渲染的结果和上面一样。我们也可以在这里绑定一个返回对象的 [computed property](computed.html)。这是一个常用且强大的模式：
+渲染的结果和上面一样。我们也可以在这里绑定一个返回对象的 [计算属性](computed.html)。这是一个常用且强大的模式：
 
 ``` html
 <div v-bind:class="classObject"></div>
@@ -187,7 +187,7 @@ data: {
 }
 ```
 
-同样的，对象语法常常结合返回对象的 computed property 使用。
+同样的，对象语法常常结合返回对象的 计算属性 使用。
 
 ### 数组语法
 

src/v2/guide/comparison.md

@@ -202,7 +202,7 @@ Ember 是一个全能框架。它提供了大量的约定，一旦你熟悉了
 
 也就是说，我们最好比较的是 Vue 内核和 Ember 的[模板](https://guides.emberjs.com/v2.10.0/templates/handlebars-basics/)与[数据模型](https://guides.emberjs.com/v2.10.0/object-model/)层：
 
-* Vue 在普通 JavaScript 对象上建立响应，提供自动化的 computed property。在 Ember 中需要将所有东西放在 Ember 对象内，并且手工为 computed property 声明依赖。
+* Vue 在普通 JavaScript 对象上建立响应，提供自动化的 计算属性。在 Ember 中需要将所有东西放在 Ember 对象内，并且手工为 计算属性 声明依赖。
 
 * Vue 的模板语法可以用全功能的 JavaScript 表达式，而 Handlebars 的语法和帮助函数相比来说非常受限。
 

src/v2/guide/components-custom-events.md

@@ -92,7 +92,7 @@ Vue.component('base-checkbox', {
 }
 ```
 
-有了这个 `$listeners` property，你就可以配合 `v-on="$listeners"` 将所有的事件监听器指向这个组件的某个特定的子元素。对于类似 `<input>` 的你希望它也可以配合 `v-model` 工作的组件来说，为这些监听器创建一个类似下述 `inputListeners` 的 computed property 通常是非常有用的：
+有了这个 `$listeners` property，你就可以配合 `v-on="$listeners"` 将所有的事件监听器指向这个组件的某个特定的子元素。对于类似 `<input>` 的你希望它也可以配合 `v-model` 工作的组件来说，为这些监听器创建一个类似下述 `inputListeners` 的 计算属性 通常是非常有用的：
 
 ```js
 Vue.component('base-input', {

src/v2/guide/components-edge-cases.md

@@ -40,7 +40,7 @@ this.$root.foo
 // 写入根组件的数据
 this.$root.foo = 2
 
-// 访问根组件的computed property
+// 访问根组件的计算属性
 this.$root.bar
 
 // 调用根组件的方法
@@ -122,7 +122,7 @@ this.$refs.usernameInput.focus()
 
 当 `ref` 和 `v-for` 一起使用的时候，你得到的引用将会是一个包含了对应数据源的这些子组件的数组。
 
-<p class="tip"><code>$refs</code> 只会在组件渲染完成之后生效，并且它们不是响应式的。这仅作为一个用于直接操作子组件的“逃生舱”——你应该避免在模板或computed property中访问 <code>$refs</code>。</p>
+<p class="tip"><code>$refs</code> 只会在组件渲染完成之后生效，并且它们不是响应式的。这仅作为一个用于直接操作子组件的“逃生舱”——你应该避免在模板或计算属性中访问 <code>$refs</code>。</p>
 
 ### 依赖注入
 

src/v2/guide/components-props.md

@@ -168,7 +168,7 @@ post: {
   }
   ```
 
-2. **这个 prop 以一种原始的值传入且需要进行转换。**在这种情况下，最好使用这个 prop 的值来定义一个 computed property：
+2. **这个 prop 以一种原始的值传入且需要进行转换。**在这种情况下，最好使用这个 prop 的值来定义一个 计算属性：
 
   ``` js
   props: ['size'],