Skip to content

Commit 989fb56

Browse files
committed
Merge branch '70data-2.0-cn' into 2.0-cn
# Conflicts: # src/guide/installation.md
2 parents 0f2be41 + 4590518 commit 989fb56

File tree

3 files changed

+21
-18
lines changed

3 files changed

+21
-18
lines changed

src/guide/index.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ order: 2
66

77
## Vue.js 是什么
88

9-
Vue.js(读音 /vjuː/, 类似于 **view**)是一个构建用户界面的渐进式框架。与其他单层框架( monolithic frameworks)不同的是,Vue 被设计成从底层向上可以被增量式的采用。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用[单文件组件](single-file-components.html)[Vue生态系统支持的库](//github.com/vuejs/awesome-vue#libraries--plugins)开发的复杂单页应用。
9+
Vue.js(读音 /vjuː/, 类似于 **view** 是一个构建用户界面的渐进式框架。与其他单层框架( monolithic frameworks)不同的是,Vue 被设计成从底层向上可以被增量式的采用。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用[单文件组件](single-file-components.html)[Vue生态系统支持的库](//github.com/vuejs/awesome-vue#libraries--plugins)开发的复杂单页应用。
1010

1111
Vue.js 的目标是通过尽可能简单的 API 实现**响应的数据绑定****组合的视图组件**
1212

@@ -18,7 +18,7 @@ Vue.js 的目标是通过尽可能简单的 API 实现**响应的数据绑定**
1818

1919
## 声明式渲染
2020

21-
Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进DOM的系统
21+
Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统
2222

2323
``` html
2424
<div id="app">
@@ -82,7 +82,7 @@ var app2 = new Vue({
8282

8383
这里我们遇到新东西。你看到的 `v-bind` 特性被称为**指令**。指令带有前缀 `v-`,以指示它们是 Vue.js 提供的特殊特性。并且如你所想象的,它们会对绑定的目标元素添加响应式的特殊行为。这个指令的简单含义是说:将该元素的 id 属性绑定到 Vue 实例的 id 属性上。
8484

85-
用浏览器的开发者工具去监测以上元素 - 你会发现 这个元素的 id 为 `inspect-me`。是的,如果你在控制台里更改 `app2.id`,那么该元素的 id 也会随之更新。
85+
用浏览器的开发者工具去监测以上元素 - 你会发现这个元素的 id 为 `inspect-me`。是的,如果你在控制台里更改 `app2.id`,那么该元素的 id 也会随之更新。
8686

8787
## 条件与循环
8888

@@ -117,7 +117,7 @@ var app3 = new Vue({
117117

118118
继续在控制台设置 `app3.seen = false`,你会发现 “Now you see me” 消失了。
119119

120-
这个例子演示了我们不仅可以绑定 DOM 文本到数据,也可以绑定 DOM **结构** 到数据。而且,Vue.js 也提供一个强大的过渡效果系统,可以在 Vue 插入/删除元素时自动应用[过渡效果](transitions.html)
120+
这个例子演示了我们不仅可以绑定 DOM 文本到数据,也可以绑定 DOM **结构**到数据。而且,Vue.js 也提供一个强大的过渡效果系统,可以在 Vue 插入/删除元素时自动应用[过渡效果](transitions.html)
121121

122122
也有一些其它指令,每个都有特殊的功能。例如, `v-for` 指令可以绑定数据到数据来渲染一个列表:
123123

src/guide/installation.md

Lines changed: 13 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -30,28 +30,31 @@ Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能实
3030

3131
### CDN
3232

33-
推荐: [unpkg](https://unpkg.com/vue/dist/vue.js),会保持和 npm 发布的最新的版本一致。 可以在 [unpkg.com/vue/](https://unpkg.com/vue/) 浏览 npm 包资源。
33+
34+
推荐:[unpkg](https://unpkg.com/vue/dist/vue.js), 会保持和 npm 发布的最新的版本一致。可以在 [unpkg.com/vue/](https://unpkg.com/vue/) 浏览 npm 包资源。
3435

3536
也可以从 [jsdelivr](//cdn.jsdelivr.net/vue/{{vue_version}}/vue.js)[cdnjs](//cdnjs.cloudflare.com/ajax/libs/vue/{{vue_version}}/vue.js) 获取,不过这两个服务版本更新可能略滞后。
3637

3738
## NPM
3839

39-
在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 [Webpack](https://webpack.github.io/)[Browserify](http://browserify.org/) 模块打包器配合使用。Vue.js 也提供配套工具来开发[单文件组件](single-file-components.html)
40+
41+
在用 Vue.js 构建大型应用时推荐使用 NPM 安装, NPM 能很好地和诸如 [Webpack](http://webpack.github.io/)[Browserify](http://browserify.org/) 模块打包器配合使用。 Vue.js 也提供配套工具来开发[单文件组件](single-file-components.html)
42+
4043

4144
``` bash
4245
# 最新稳定版
4346
$ npm install vue
4447
```
4548

46-
### 独立构建 vs 运行时构建
49+
### 独立构建 vs 运行时构建
4750

4851
有两种构建方式,独立构建和运行构建。
4952

5053
- 独立构建包括编译和支持 `template` 选项。 **它也依赖于浏览器的接口的存在,所以你不能使用它来为服务器端渲染。**
5154

52-
- 运行时构建不包括模板编译, 不支持 `template` 选项。运行时构建,可以用 `render` 选项,不过得再单文件组件中起作用, 因为单文件组件的模板 是在构建时预编译到 `render` 函数中, 运行时构建只有独立构建大小的30%,只有16Kb min+gzip大小。
55+
- 运行时构建不包括模板编译,不支持 `template` 选项。运行时构建,可以用 `render` 选项,但它只在单文件组件中起作用,因为单文件组件的模板是在构建时预编译到 `render` 函数中,运行时构建只有独立构建大小的30%,只有 16Kb min+gzip大小。
5356

54-
默认 NPM 包导出的是 **运行时** 构建。 为了使用独立构建, 在 webpack 配置中添加下面的别名:
57+
默认 NPM 包导出的是 **运行时** 构建。为了使用独立构建,在 webpack 配置中添加下面的别名:
5558

5659
``` js
5760
resolve: {
@@ -63,14 +66,14 @@ resolve: {
6366

6467
对于Browserify,可以用 [aliasify](https://github.com/benbria/aliasify)
6568

66-
<p class="tip">不要用 `import Vue from 'vue/dist/vue.js'` - 由于一些工具或第三方库引入 Vue ,这可能会导致应用程序运行时加载和独立构建导致错误</p>
69+
<p class="tip">不要用 `import Vue from 'vue/dist/vue.js'` - 用一些工具或第三方库引入 Vue ,这可能会导致应用程序在同一时间加载运行时和独立构建并造成错误。</p>
6770

6871
### CSP 环境
6972

70-
有些环境,如 Google Chrome Apps,强制应用内容安全策略 (CSP) ,不能使用 new Function() 对表达式求值。这时可以用 CSP 兼容版本。独立的构建取决于该功能编译模板,所以无法使用这些环境。
73+
有些环境,如 Google Chrome Apps ,强制应用内容安全策略 (CSP) ,不能使用 new Function() 对表达式求值。这时可以用 CSP 兼容版本。独立的构建取决于该功能编译模板,所以无法使用这些环境。
7174

7275

73-
另一方面,运行时构建的是完成兼容CSP的。当通过 [Webpack + vue-loader](https://github.com/vuejs-templates/webpack-simple) 或者 [Browserify + vueify](https://github.com/vuejs-templates/browserify-simple) 构建时, 在 CSP 环境中模板将被完美预编译到 `render` 函数中。
76+
另一方面,运行时构建的是完成兼容 CS P的。当通过 [Webpack + vue-loader](https://github.com/vuejs-templates/webpack-simple) 或者 [Browserify + vueify](https://github.com/vuejs-templates/browserify-simple) 构建时,在 CSP 环境中模板将被完美预编译到 `render` 函数中。
7477

7578
## 命令行工具
7679

@@ -90,7 +93,7 @@ $ npm run dev
9093

9194
## 开发版本
9295

93-
**重要** 在发布后构建的文件在Github仓库的 `/dist` 文件夹。 为了使用 Github 上 Vue 最新的资源,你得自己构建。
96+
**重要**: 在发布后构建的文件在 Github 仓库的 `/dist` 文件夹。为了使用 Github 上 Vue 最新的资源,你得自己构建。
9497

9598
``` bash
9699
git clone https://github.com/vuejs/vue.git node_modules/vue
@@ -108,7 +111,7 @@ $ bower install vue
108111

109112
## AMD 模块加载器
110113

111-
独立下载版本或通过 Bower 安装的版本已用 UMD包装,因此它们可以直接用作 AMD 模块。
114+
独立下载版本或通过 Bower 安装的版本已用 UMD 包装,因此它们可以直接用作 AMD 模块。
112115

113116
***
114117

src/guide/instance.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ var MyComponent = Vue.extend({
2929
var myComponentInstance = new MyComponent()
3030
```
3131

32-
尽管可以命令式地创建扩展实例,不过在多数情况下将组件构造器注册为一个自定义元素,然后声明式地用在模板中。我们将在后面详细说明[组件系统](/components.md)。现在你只需知道所有的 Vue.js 组件其实都是被扩展的 Vue 实例。
32+
尽管可以命令式地创建扩展实例,不过在多数情况下将组件构造器注册为一个自定义元素,然后声明式地用在模板中。我们将在后面详细说明[组件系统](/guide/components.html)。现在你只需知道所有的 Vue.js 组件其实都是被扩展的 Vue 实例。
3333

3434

3535
## 属性与方法
@@ -55,7 +55,7 @@ vm.a // -> 3
5555

5656
注意只有这些被代理的属性是**响应的**。如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。我们将在后面详细讨论响应系统。
5757

58-
除了这些数据属性,Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 `$`,以便与代理的数据属性区分。例如:
58+
除了这些数据属性, Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 `$`,以便与代理的数据属性区分。例如:
5959

6060
``` js
6161
var data = { a: 1 }
@@ -73,7 +73,7 @@ vm.$watch('a', function (newVal, oldVal) {
7373
})
7474
```
7575

76-
<p class="tip">注意, 不要在实例属性或者回调函数中(如 `vm.$watch('a', newVal => this.myMethod())`)使用箭头函数。原因是箭头函数绑定父上下文,所以 `this` 不会像预想的一样是 Vue 实例, 而是 `this.myMethod` 未被定义。</p>
76+
<p class="tip">注意不要在实例属性或者回调函数中(如 `vm.$watch('a', newVal => this.myMethod())`)使用箭头函数。原因是箭头函数绑定父上下文,所以 `this` 不会像预想的一样是 Vue 实例而是 `this.myMethod` 未被定义。</p>
7777

7878
实例属性和方法的完整列表中查阅 [API 参考](/api)
7979

@@ -94,7 +94,7 @@ var vm = new Vue({
9494
```
9595

9696

97-
也有一些其它的钩子,在实例生命周期的不同阶段调用,如 `mounted``updated``destroyed`。钩子的 `this` 指向调用它的 Vue 实例。一些用户可能会问 Vue.js 是否有“控制器”的概念?答案是,没有。组件的自定义逻辑可以分割在这些钩子中。
97+
也有一些其它的钩子,在实例生命周期的不同阶段调用,如 `mounted``updated``destroyed` 。钩子的 `this` 指向调用它的 Vue 实例。一些用户可能会问 Vue.js 是否有“控制器”的概念?答案是,没有。组件的自定义逻辑可以分割在这些钩子中。
9898

9999

100100
## 生命周期图示

0 commit comments

Comments
 (0)