Skip to content

Commit f6149fc

Browse files
authored
Merge pull request #112 from hgcoder/2.0-cn
vue2.0插件 条件渲染 列表渲染校验完成
2 parents 9b1adc4 + d3f3f7a commit f6149fc

File tree

3 files changed

+19
-19
lines changed

3 files changed

+19
-19
lines changed

src/guide/conditional.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ order: 7
2121
<h1 v-if="ok">Yes</h1>
2222
```
2323

24-
也可以用 `v-else` 添加一个 "else" 块:
24+
也可以用 `v-else` 添加一个 else 块:
2525

2626
``` html
2727
<h1 v-if="ok">Yes</h1>

src/guide/list.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -106,7 +106,7 @@ var example2 = new Vue({
106106
</script>
107107
{% endraw %}
108108

109-
你也可以用 `of` 替代 `in` 作为分隔符, 所以它是最接近JavaScript迭代器的语法
109+
你也可以用 `of` 替代 `in` 作为分隔符, 所以它是最接近JavaScript迭代器的语法
110110

111111
``` html
112112
<div v-for="item of items"></div>
@@ -192,7 +192,7 @@ new Vue({
192192

193193
### 整数迭代 v-for
194194

195-
`v-for` 也可以取整数。在这种情况下,它将重复多次模板
195+
`v-for` 也可以取整数。在这种情况下,它将重复多次模板
196196

197197
``` html
198198
<div>
@@ -233,7 +233,7 @@ new Vue({ el: '#range' })
233233

234234
不自动注入 `item` 到组件里是因为这样能让组件紧密耦合 `v-for` 怎么运作的。在一些情况下,明确了数据的来源让其组件可重复使用。
235235

236-
下面是一个简单的todo list完整的例子:
236+
下面是一个简单的 todo list 完整的例子:
237237

238238
``` html
239239
<div id="todo-list-example">
@@ -333,17 +333,17 @@ new Vue({
333333

334334
当Vue.js用 `v-for` 正在更新已渲染过的元素列表时,它默认用 “就地复用” 策略。如果数据项的顺序被改变,而不是移动DOM元素来匹配列表的顺序,Vue将简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。这个类似Vue 1.X的 `track-by="$index"`
335335

336-
这个默认的模式是有效的,但是只适合你的列表渲染输出时不依赖子组件状态或临时DOM状态(例如:表单输入框的值)
336+
这个默认的模式是有效的,但是只适合你的列表渲染输出时不依赖子组件状态或临时DOM状态(例如:表单输入框的值)
337337

338-
给Vue一个提示以便它能跟踪每个节点身份,并且因此重新使用和重新排序现有元素,你需要为每项提供一个唯一 `key` 属性。一个有效的 `key` 值是每项唯一ID. 这个特殊的属性相当于Vue 1.x的 `track-by` ,但它像一个变量,所以你需要用 `v-bind` 来绑定动态值(简洁写法如下)
338+
给Vue一个提示以便它能跟踪每个节点身份,并且因此重新使用和重新排序现有元素,你需要为每项提供一个唯一 `key` 属性。一个有效的 `key` 值是每项唯一ID. 这个特殊的属性相当于Vue 1.x的 `track-by` ,但它像一个变量,所以你需要用 `v-bind` 来绑定动态值(简洁写法如下)
339339

340340
``` html
341341
<div v-for="item in items" :key="item.id">
342-
<!-- content -->
342+
<!-- 内容 -->
343343
</div>
344344
```
345345

346-
它建议尽可能用 `v-for` 时提供一个 `key` 除非迭代DOM内容很简单,或者你有意要依赖于对性能提升的默认行为。
346+
它建议尽可能用 `v-for` 时提供一个 `key` 除非迭代DOM内容很简单,或者你有意要依赖于对性能提升的默认行为。
347347

348348
因为它是Vue识别节点的通用的机制,`key` 还具有并不特别依赖于 `v-for` 的其他用途,我们将在后面的指南中看到其他用途。
349349

@@ -361,7 +361,7 @@ Vue包含一组观察数组的突变方法,所以它们也将会触发视图
361361
- `sort()`
362362
- `reverse()`
363363

364-
你打开控制台,然后用前面例子的 `items` 数组调用突变方法:`example1.items.push({ measage: 'Baz' })`
364+
你打开控制台,然后用前面例子的 `items` 数组调用突变方法:`example1.items.push({ measage: 'Baz' })`
365365

366366
### 重塑数组
367367

src/guide/plugins.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -7,53 +7,53 @@ order: 18
77
## 开发插件
88

99

10-
插件通常会为Vue添加全局功能。插件的范围没有限制--一般有下面几种:
10+
插件通常会为Vue添加全局功能。插件的范围没有限制——一般有下面几种:
1111

1212
1. 添加全局方法或者属性,如: [vue-element](https://github.com/vuejs/vue-element)
1313

14-
2. 添加全局资源:指令/过滤器/过渡等如 vue-touch [vue-touch](https://github.com/vuejs/vue-touch)
14+
2. 添加全局资源:指令/过滤器/过渡等如 vue-touch [vue-touch](https://github.com/vuejs/vue-touch)
1515

16-
3. 通过全局 mixin方法 添加一些组件选项。 如: [vuex](https://github.com/vuejs/vuex)
16+
3. 通过全局 mixin方法添加一些组件选项,如: [vuex](https://github.com/vuejs/vuex)
1717

1818
4. 添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。
1919

20-
5. A一个库,提供自己的 API,同时提供上面提到的一个或多个功能[vue-router](https://github.com/vuejs/vue-router)
20+
5. 一个库,提供自己的 API,同时提供上面提到的一个或多个功能[vue-router](https://github.com/vuejs/vue-router)
2121

2222
Vue.js 的插件应当有一个公开方法 `install` 。这个方法的第一个参数是 `Vue` 构造器 , 第二个参数是一个可选的选项对象:
2323

2424
``` js
2525
MyPlugin.install = function (Vue, options) {
2626
// 1. 添加全局方法或属性
2727
Vue.myGlobalMethod = function () {
28-
// something logic ...
28+
// 逻辑...
2929
}
3030

3131
// 2. 添加全局资源
3232
Vue.directive('my-directive', {
3333
bind (el, binding, vnode, oldVnode) {
34-
// something logic ...
34+
// 逻辑...
3535
}
3636
...
3737
})
3838

3939
// 3. 注入组件
4040
Vue.mixin({
4141
created: function () {
42-
// something logic ...
42+
// 逻辑...
4343
}
4444
...
4545
})
4646

4747
// 4. 添加事例方法
4848
Vue.prototype.$myMethod = function (options) {
49-
// something logic ...
49+
// 逻辑...
5050
}
5151
}
5252
```
5353

5454
## 使用插件
5555

56-
通过 Vue.use() 全局方法使用插件:
56+
通过全局方法 Vue.use() 使用插件:
5757

5858
``` js
5959
// 调用 `MyPlugin.install(Vue)`
@@ -68,7 +68,7 @@ Vue.use(MyPlugin, { someOption: true })
6868

6969
`Vue.use` 会自动阻止注册相同插件多次,届时只会注册一次该插件。
7070

71-
一些插件,如 `vue-router` 如果 `Vue` 是全局变量则自动调用`Vue.use()` 。不过在模块环境中应当始终显式调用 `Vue.use()` :
71+
一些插件,如 `vue-router` 如果 `Vue` 是全局变量则自动调用 `Vue.use()` 。不过在模块环境中应当始终显式调用 `Vue.use()` :
7272

7373
``` js
7474
// 通过 Browserify 或 Webpack 使用 CommonJS 兼容模块

0 commit comments

Comments
 (0)