Merge pull request #191 from viko16/2.0-cn

修正中文标点

Author: 70data

src/api/index.md

@@ -1647,7 +1647,7 @@ type: api
 
 - **用法：**
 
-  渲染一个“元组件”为动态组件。依 `is` 的值, 来决定哪个组件被渲染。
+  渲染一个“元组件”为动态组件。依 `is` 的值，来决定哪个组件被渲染。
 
   ```html
   <!-- 动态组件由 vm 实例的属性值 `componentId` 控制 -->

src/guide/components.md

@@ -93,7 +93,7 @@ new Vue({
 
 ### DOM 模版解析说明
 
-当使用 DOM 作为模版时 (例如，将 `el` 选项挂载到一个已存在的元素上), 你会受到 HTML 的一些限制, 因为 Vue 只有在浏览器解析 HTML 后才能检索模版。尤其像这些元素 `<ul>` ， `<ol>`， `<table>` ， `<select>` 限制了能被它包裹的元素， `<option>` 只能出现在其它元素内部。
+当使用 DOM 作为模版时 (例如，将 `el` 选项挂载到一个已存在的元素上), 你会受到 HTML 的一些限制，因为 Vue 只有在浏览器解析 HTML 后才能检索模版。尤其像这些元素 `<ul>` ， `<ol>`， `<table>` ， `<select>` 限制了能被它包裹的元素， `<option>` 只能出现在其它元素内部。
 
 在自定义组件中使用这些受限制的元素时会导致一些问题，例如：
 
@@ -132,7 +132,7 @@ Vue.component('my-component', {
 })
 ```
 
-那么 Vue 会在控制台发出警告, 告诉你在组件中 `data` 必须是一个函数。最好理解这种规则的存在意义。
+那么 Vue 会在控制台发出警告，告诉你在组件中 `data` 必须是一个函数。最好理解这种规则的存在意义。
 
 ``` html
 <div id="example-2">
@@ -216,7 +216,7 @@ new Vue({
 
 组件意味着协同工作，通常父子组件会是这样的关系：组件 A 在它的模版中使用了组件 B 。它们之间必然需要相互通信：父组件要给子组件传递数据，子组件需要将它内部发生的事情告知给父组件。然而，在一个良好定义的接口中尽可能将父子组件解耦是很重要的。这保证了每个组件可以在相对隔离的环境中书写和理解，也大幅提高了组件的可维护性和可重用性。
 
-在 Vue.js 中，父子组件的关系可以总结为 **props down, events up** 。父组件通过 **props** 向下传递数据给子组件, 子组件通过 **events** 给父组件发送消息。看看它们是怎么工作的。
+在 Vue.js 中，父子组件的关系可以总结为 **props down, events up** 。父组件通过 **props** 向下传递数据给子组件，子组件通过 **events** 给父组件发送消息。看看它们是怎么工作的。
 
 <p style="text-align: center">
   <img style="width:300px" src="/images/props-events.png" alt="props down, events up">
@@ -234,7 +234,7 @@ prop 是父组件用来传递数据的一个自定义属性。子组件需要显
 Vue.component('child', {
   // 声明 props
   props: ['message'],
-  // 就像 data 一样, prop 可以用在模板内
+  // 就像 data 一样，prop 可以用在模板内
   // 同样也可以在 vm 实例中像 “this.message” 这样使用
   template: '<span>{{ message }}</span>'
 })
@@ -417,7 +417,7 @@ Vue.component('example', {
 
 ## 自定义事件
 
-父组件可以使用 props 给子组件传递数据, 那么反过来呢？该自定义事件出场了！
+父组件可以使用 props 给子组件传递数据，那么反过来呢？该自定义事件出场了！
 
 ### 使用 `v-on` 绑定自定义事件
 
@@ -526,7 +526,7 @@ new Vue({
 <input v-bind:value="something" v-on:input="something = $event.target.value">
 ```
 
-所以在组件中使用时, 它相当于下面的简写：
+所以在组件中使用时，它相当于下面的简写：
 
 ``` html
 <input v-bind:value="something" v-on:input="something = arguments[0]">
@@ -1000,7 +1000,7 @@ template: '<div><stack-overflow></stack-overflow></div>'
 
 ### X-Templates
 
-另一种定义模版的方式是在 JavaScript 标签里使用 `text/x-template` 类型, 并且指定一个id。例如:
+另一种定义模版的方式是在 JavaScript 标签里使用 `text/x-template` 类型，并且指定一个id。例如:
 
 ``` html
 <script type="text/x-template" id="hello-world-template">
@@ -1018,7 +1018,7 @@ Vue.component('hello-world', {
 
 ### Cheap Static Components with `v-once`
 
-尽管在 Vue 中渲染 HTML 很快，不过当组件中包含**大量**静态内容时, 可以考虑使用 `v-once` 将渲染结果缓存起来, 就像这样:
+尽管在 Vue 中渲染 HTML 很快，不过当组件中包含**大量**静态内容时，可以考虑使用 `v-once` 将渲染结果缓存起来，就像这样:
 
 ``` js
 Vue.component('terms-of-service', {

src/guide/custom-directive.md

@@ -58,7 +58,7 @@ directives: {
 
 指令定义函数提供了几个钩子函数（可选）：
 
-- `bind`: 只调用一次, 指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。
+- `bind`: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。
 
 - `inserted`: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。
 
@@ -78,14 +78,14 @@ directives: {
 - **binding**: 一个对象，包含以下属性：
   - **name**: 指令名，不包括 `v-` 前缀。
   - **value**: 指令的绑定值， 例如： `v-my-directive="1 + 1"`, value 的值是 `2`。
-  - **oldValue**: 指令绑定的前一个值, 仅在 `update` 和 `componentUpdated` 钩子中可用。无论值是否改变都可用。
+  - **oldValue**: 指令绑定的前一个值，仅在 `update` 和 `componentUpdated` 钩子中可用。无论值是否改变都可用。
   - **expression**: 绑定值的字符串形式。 例如 `v-my-directive="1 + 1"` ， expression 的值是 `"1 + 1"`。
   - **arg**: 传给指令的参数。例如 `v-my-directive:foo`， arg 的值是 `"foo"`。
   - **modifiers**: 一个包含修饰符的对象。 例如： `v-my-directive.foo.bar`, 修饰符对象 modifiers 的值是 `{ foo: true, bar: true }`。
-- **vnode**: Vue 编译生成的虚拟节点, 查阅 [VNode API](/api/#VNode-Interface) 了解更多详情。
-- **oldVnode**: 上一个虚拟节点, 仅在 `update` 和 `componentUpdated` 钩子中可用。
+- **vnode**: Vue 编译生成的虚拟节点，查阅 [VNode API](/api/#VNode-Interface) 了解更多详情。
+- **oldVnode**: 上一个虚拟节点，仅在 `update` 和 `componentUpdated` 钩子中可用。
 
-<p class="tip">除了 `el` 之外, 其它参数都应该是只读的，尽量不要修改他们。如果需要在钩子之间共享数据，建议通过元素的 [dataset](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset) 来进行。</p>
+<p class="tip">除了 `el` 之外，其它参数都应该是只读的，尽量不要修改他们。如果需要在钩子之间共享数据，建议通过元素的 [dataset](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset) 来进行。</p>
 
 一个使用了这些参数的自定义钩子样例：
 

src/guide/list.md

@@ -106,7 +106,7 @@ var example2 = new Vue({
 </script>
 {% endraw %}
 
-你也可以用 `of` 替代 `in` 作为分隔符, 所以它是最接近 JavaScript 迭代器的语法：
+你也可以用 `of` 替代 `in` 作为分隔符，所以它是最接近 JavaScript 迭代器的语法：
 
 ``` html
 <div v-for="item of items"></div>
@@ -379,10 +379,10 @@ example1.items = example1.items.filter(function (item) {
 
 由于 JavaScript 的限制， Vue 不能检测以下变动的数组：
 
-1. 当你直接设置一个项的索引时, 例如： `vm.items[indexOfItem] = newValue`
-2. 当你修改数组的长度时, 例如： `vm.items.length = newLength`
+1. 当你直接设置一个项的索引时，例如： `vm.items[indexOfItem] = newValue`
+2. 当你修改数组的长度时，例如： `vm.items.length = newLength`
 
-为了避免第一种情况, 以下两种方式将达到像 `vm.items[indexOfItem] = newValue` 的效果， 同时也将触发状态更新:
+为了避免第一种情况，以下两种方式将达到像 `vm.items[indexOfItem] = newValue` 的效果， 同时也将触发状态更新:
 
 ``` js
 // Vue.set
@@ -393,7 +393,7 @@ Vue.set(example1.items, indexOfItem, newValue)
 example1.items.splice(indexOfItem, 1, newValue)
 ```
 
-避免第二种情况, 使用 `splice`:
+避免第二种情况，使用 `splice`:
 
 ``` js
 example1.items.splice(newLength)
@@ -422,7 +422,7 @@ computed: {
 }
 ```
 
-此外, 你也可以只使用一种方法计算 (例如： 嵌套在 `v-for` 里循环)，但是性能是低效的:
+此外，你也可以只使用一种方法计算 (例如： 嵌套在 `v-for` 里循环)，但是性能是低效的:
 
 ``` html
 <li v-for="n in even(numbers)">{{ n }}</li>

src/guide/migration-vue-router.md

@@ -313,7 +313,7 @@ if (route.meta.requiresAuth) {
 {% raw %}
 <div class="upgrade-path">
   <h4>升级路径</h4>
-  <p>运行<a href="https://github.com/vuejs/vue-migration-helper">迁移助手</a>命令, 寻找 <code>router.go</code> 和 <code>router.push</code> 指令被调用的示例</p>
+  <p>运行<a href="https://github.com/vuejs/vue-migration-helper">迁移助手</a>命令，寻找 <code>router.go</code> 和 <code>router.push</code> 指令被调用的示例</p>
 </div>
 {% endraw %}
 

src/guide/migration.md

@@ -344,7 +344,7 @@ Props 现在只能单向传递。为了对父组件产生反向影响，子组
 
 ### `v-bind` 真/假值
 
-在2.0中使用 `v-bind` 时, 只有 `null`, `undefined` , 和 `false` 被看作是假。这意味着，`0` 和空字符串将被作为真值渲染。比如 `v-bind:draggable="''"` 将被渲染为 `draggable="true"`。
+在2.0中使用 `v-bind` 时，只有 `null`, `undefined` , 和 `false` 被看作是假。这意味着，`0` 和空字符串将被作为真值渲染。比如 `v-bind:draggable="''"` 将被渲染为 `draggable="true"`。
 
 对于枚举属性，除了以上假值之外，字符串 `"false"` 也会被渲染为 `attr="false"`。
 

src/guide/mixins.md

@@ -33,7 +33,7 @@ var component = new Component() // -> "hello from mixin!"
 
 ## 选项合并
 
-当组件和混合对象含有同名选项时, 这些选项将以恰当的方式混合。比如，同名钩子函数将混合为一个数组，因此都将被调用。另外，混合对象的 钩子将在组件自身钩子 **之前** 调用 ：
+当组件和混合对象含有同名选项时，这些选项将以恰当的方式混合。比如，同名钩子函数将混合为一个数组，因此都将被调用。另外，混合对象的 钩子将在组件自身钩子 **之前** 调用 ：
 
 ``` js
 var mixin = {
@@ -53,7 +53,7 @@ new Vue({
 // -> "组件钩子被调用"
 ```
 
-值为对象的选项, 例如 `methods`, `components` 和 `directives`，将被混合为同一个对象。 两个对象键名冲突时，取组件对象的键值对。
+值为对象的选项，例如 `methods`, `components` 和 `directives`，将被混合为同一个对象。 两个对象键名冲突时，取组件对象的键值对。
 
 ``` js
 var mixin = {

src/guide/single-file-components.md

@@ -45,7 +45,7 @@ order: 19
 
 - **Modern JavaScript with ES2015/16**: 阅读 Babel 的 [Learn ES2015 guide](https://babeljs.io/docs/learn-es2015/). 你不需要立刻记住每一个方法，但是你可以保留这个页面以便后期参考。
 
-在你花一些时日了解这些资源之后，我们建议你参考 [webpack-simple](https://github.com/vuejs-templates/webpack-simple) 。只要遵循指示，你就能很快的运行一个用到 `.vue` 组件, ES2015 和  热重载( hot-reloading ) 的Vue项目!
+在你花一些时日了解这些资源之后，我们建议你参考 [webpack-simple](https://github.com/vuejs-templates/webpack-simple) 。只要遵循指示，你就能很快的运行一个用到 `.vue` 组件，ES2015 和  热重载( hot-reloading ) 的Vue项目!
 
 这个模板使用 [Webpack](https://webpack.github.io/)，一个能将多个模块打包成最终应用的模块打包工具。 [这个视频](https://www.youtube.com/watch?v=WQue1AN93YU) 介绍了Webpack的更多相关信息。 学习了这些基础知识后， 你可能想看看 [这个在 Egghead.io上的 高级 Webpack 课程](https://egghead.io/courses/using-webpack-for-production-javascript-applications).
 

src/guide/ssr.md

@@ -32,7 +32,7 @@ order: 24
 
 ## Hello World
 
-准备在行动中体验服务端渲染吧。服务端渲染(即SSR)听起来很复杂, 不过一个简单的Node脚本只需要3步就可以实现这个功能:
+准备在行动中体验服务端渲染吧。服务端渲染(即SSR)听起来很复杂，不过一个简单的Node脚本只需要3步就可以实现这个功能:
 
 ``` js
 // 步骤 1:创建一个Vue实例

src/guide/transitions.md

@@ -14,7 +14,7 @@ Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用
 - 在过渡钩子函数中使用 JavaScript 直接操作 DOM
 - 可以配合使用第三方 JavaScript 动画库，如 Velocity.js
 
-在这里, 我们只会讲到进入、离开和列表的过渡， 你也可以看下一节的 [管理过渡状态](transitioning-state.html).
+在这里，我们只会讲到进入、离开和列表的过渡， 你也可以看下一节的 [管理过渡状态](transitioning-state.html).
 
 ## 单元素/组件的过渡
 

src/guide/unit-testing.md

@@ -70,7 +70,7 @@ describe('MyComponent', () => {
 
 ## 编写可被测试的组件
 
-很多组件的渲染输出由它的props决定。事实上，如果一个组件的渲染输出完全取决于它的props，那么它会让测试变得简单, 就好像断言不同参数的纯函数的返回值。看下面这个例子:
+很多组件的渲染输出由它的props决定。事实上，如果一个组件的渲染输出完全取决于它的props，那么它会让测试变得简单，就好像断言不同参数的纯函数的返回值。看下面这个例子:
 
 ``` html
 <template>

src/vue-router/advanced/navigation-guards.md

@@ -6,7 +6,7 @@ order: 10
 
 >（译者：『导航』表示路由正在发生改变。）
 
-正如其名，`vue-router` 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的, 单个路由独享的, 或者组件级的。
+正如其名，`vue-router` 提供的导航钩子主要用来拦截导航，让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子：全局的，单个路由独享的，或者组件级的。
 
 ### 全局钩子
 

src/vue-router/essentials/getting-started.md

@@ -47,7 +47,7 @@ const routes = [
 ]
 
 // 3. 创建 router 实例，然后传 `routes` 配置
-// 你还可以传别的配置参数, 不过先这么简单着吧。
+// 你还可以传别的配置参数，不过先这么简单着吧。
 const router = new VueRouter({
   routes // （缩写）相当于 routes: routes
 })

src/vuex/plugins.md

@@ -118,6 +118,6 @@ const logger = createLogger({
 })
 ```
 
-日志插件还可以直接通过 `<script>` 标签, 然后它会提供全局方法 `createVuexLogger` 。
+日志插件还可以直接通过 `<script>` 标签，然后它会提供全局方法 `createVuexLogger` 。
 
 要注意，logger 插件会生成状态快照，所以仅在开发环境使用。