@@ -238,7 +238,7 @@ props: {
238
238
239
239
** 总是用 ` key ` 配合 ` v-for ` 。**
240
240
241
- 在组件上_总是_必须用 ` key ` 配合 ` v-for ` ,以便维护内部组件及其子树的状态。甚至在元素上维护可预测的行为,比如动画中的[ 对象固化 (object constancy)] ( https://bost.ocks.org/mike/constancy/ ) ,也是一种好的做法。
241
+ 在组件上 * 总是 * 必须用 ` key ` 配合 ` v-for ` ,以便维护内部组件及其子树的状态。甚至在元素上维护可预测的行为,比如动画中的[ 对象固化 (object constancy)] ( https://bost.ocks.org/mike/constancy/ ) ,也是一种好的做法。
242
242
243
243
{% raw %}
244
244
<details >
@@ -270,7 +270,7 @@ data: function () {
270
270
271
271
这里的问题在于,不要删除仍然会留在 DOM 中的元素。比如你想使用 ` <transition-group> ` 给列表加过渡动画,或想在被渲染元素是 ` <input> ` 时保持聚焦。在这些情况下,为每一个项目添加一个唯一的键值 (比如 ` :key="todo.id" ` ) 将会让 Vue 知道如何使行为更容易预测。
272
272
273
- 根据我们的经验,最好_始终_添加一个唯一的键值 ,以便你和你的团队永远不必担心这些极端情况。也在少数对性能有严格要求的情况下,为了避免对象固化,你可以刻意做一些非常规的处理。
273
+ 根据我们的经验,最好 * 始终 * 添加一个唯一的键值 ,以便你和你的团队永远不必担心这些极端情况。也在少数对性能有严格要求的情况下,为了避免对象固化,你可以刻意做一些非常规的处理。
274
274
275
275
{% raw %}</details >{% endraw %}
276
276
@@ -371,8 +371,8 @@ computed: {
371
371
372
372
我们将会获得如下好处:
373
373
374
- - 过滤后的列表_只_会在 ` users ` 数组发生相关变化时才被重新运算,过滤更高效。
375
- - 使用 ` v-for="user in activeUsers" ` 之后,我们在渲染的时候_只_遍历活跃用户 ,渲染更高效。
374
+ - 过滤后的列表 * 只 * 会在 ` users ` 数组发生相关变化时才被重新运算,过滤更高效。
375
+ - 使用 ` v-for="user in activeUsers" ` 之后,我们在渲染的时候 * 只 * 遍历活跃用户 ,渲染更高效。
376
376
- 解藕渲染层的逻辑,可维护性 (对逻辑的更改和扩展) 更强。
377
377
378
378
为了获得同样的好处,我们也可以把:
@@ -402,7 +402,7 @@ computed: {
402
402
</ul >
403
403
```
404
404
405
- 通过将 ` v-if ` 移动到容器元素,我们不会再对列表中的_每个_用户检查 ` shouldShowUsers ` 。取而代之的是,我们只检查它一次,且不会在 ` shouldShowUsers ` 为否的时候运算 ` v-for ` 。
405
+ 通过将 ` v-if ` 移动到容器元素,我们不会再对列表中的 * 每个 * 用户检查 ` shouldShowUsers ` 。取而代之的是,我们只检查它一次,且不会在 ` shouldShowUsers ` 为否的时候运算 ` v-for ` 。
406
406
407
407
{% raw %}</details >{% endraw %}
408
408
@@ -575,7 +575,7 @@ computed: {
575
575
576
576
Vue 使用 ` _ ` 前缀来定义其自身的私有属性,所以使用相同的前缀 (比如 ` _update ` ) 有覆写实例属性的风险。即便你检查确认 Vue 当前版本没有用到这个属性名,也不能保证和将来的版本没有冲突。
577
577
578
- 对于 ` $ ` 前缀来说,其在 Vue 生态系统中的目的是暴露给用户的一个特殊的实例属性,所以把它用于_私有_属性并不合适 。
578
+ 对于 ` $ ` 前缀来说,其在 Vue 生态系统中的目的是暴露给用户的一个特殊的实例属性,所以把它用于 * 私有 * 属性并不合适 。
579
579
580
580
不过,我们推荐把这两个前缀结合为 ` $_ ` ,作为一个用户定义的私有属性的约定,以确保不会和 Vue 自身相冲突。
581
581
@@ -1798,7 +1798,7 @@ button {
1798
1798
1799
1799
一个理想的 Vue 应用是 prop 向下传递,事件向上传递的。遵循这一约定会让你的组件更易于理解。然而,在一些边界情况下 prop 的变更或 ` this.$parent ` 能够简化两个深度耦合的组件。
1800
1800
1801
- 问题在于,这种做法在很多_简单_的场景下可能会更方便 。但请当心,不要为了一时方便 (少写代码) 而牺牲数据流向的简洁性 (易于理解)。
1801
+ 问题在于,这种做法在很多 * 简单 * 的场景下可能会更方便 。但请当心,不要为了一时方便 (少写代码) 而牺牲数据流向的简洁性 (易于理解)。
1802
1802
1803
1803
{% raw %}<div class =" style-example example-bad " >{% endraw %}
1804
1804
#### 反例
0 commit comments