diff --git a/docs/zh-cn/README.md b/docs/zh-cn/README.md
index f09fa22d2..775459aee 100644
--- a/docs/zh-cn/README.md
+++ b/docs/zh-cn/README.md
@@ -8,7 +8,7 @@
 
 这里有一些 `vue-loader` 提供的很酷的特性：
 
-- ES2015 默认支持;
+- ES2015 默认支持；
 - 允许对 Vue 组件的组成部分使用其它 Webpack loaders，比如对 `<style>` 使用 SASS 和对 `<template>` 使用 Jade；
 - `.vue` 文件中允许自定义节点，然后使用自定义的 loader 处理他们；
 - 把 `<style>` 和 `<template>` 中的静态资源当作模块来对待，并使用 Webpack loaders 进行处理；
@@ -19,11 +19,11 @@
 
 ### Webpack 是什么?
 
-如果你已经熟悉了 Webpack，随时可以跳过下面的说明。如果你没有使用过 Webpack,下面是一个快速介绍：
+如果你已经熟悉了 Webpack，随时可以跳过下面的说明。如果你没有使用过 Webpack，下面是一个快速介绍：
 
-[Webpack](http://webpack.github.io/) 是一个模块打包工具。它将一堆文件中的每个文件都作为一个模块，找出他们的依赖关系，将它们打包为可部署的静态资源。
+[Webpack](https://webpack.github.io/) 是一个模块打包工具。它将一堆文件中的每个文件都作为一个模块，找出他们的依赖关系，将它们打包为可部署的静态资源。
 
-![webpack](http://webpack.github.io/assets/what-is-webpack.png)
+![webpack](https://webpack.github.io/assets/what-is-webpack.png)
 
 一个基本的例子，想像我们有一些 CommonJS 模块，它不能直接在浏览器中运行，所以我们需要打包成一个文件，这样就可以通过`<script>` 标签加载。Webpack 可以遵循 `require()` 调用的依赖关系，为我们完成这些工作。
 
diff --git a/docs/zh-cn/SUMMARY.md b/docs/zh-cn/SUMMARY.md
index 6aa5eb440..12fa66686 100644
--- a/docs/zh-cn/SUMMARY.md
+++ b/docs/zh-cn/SUMMARY.md
@@ -19,3 +19,14 @@
   - [测试](workflow/testing.md)
   - [使用 Mock 测试](workflow/testing-with-mocks.md)
 - [选项参考](options.md)
+  - [loaders](options.md#loaders)
+  - [preLoaders](options.md#preloaders)
+  - [postLoaders](options.md#postloaders)
+  - [postcss](options.md#postcss)
+  - [cssSourceMap](options.md#csssourcemap)
+  - [esModule](options.md#esmodule)
+  - [preserveWhitespace](options.md#preservewhitespace)
+  - [transformToRequire](options.md#transformtorequire)
+  - [buble](options.md#buble)
+  - [extractCSS](options.md#extractcss)
+  - [optimizeSSR](options.md#optimizessr)
diff --git a/docs/zh-cn/configurations/advanced.md b/docs/zh-cn/configurations/advanced.md
index b4f066a9e..79c7222c4 100644
--- a/docs/zh-cn/configurations/advanced.md
+++ b/docs/zh-cn/configurations/advanced.md
@@ -10,7 +10,7 @@
 
 为此，请指定 `vue-loader` 的 `loaders` 选项：
 
-> 注意 `preLoaders` 和 `postLoaders` 只在版本 >=10.3.0 支持
+> 注意 `preLoaders` 和 `postLoaders` 只在 10.3.0+ 版本支持
 
 ### Webpack 2.x
 
@@ -18,26 +18,25 @@
 module.exports = {
   // other options...
   module: {
-    // module.rules 与 1.x中的 module.loaders 相同
+    // module.rules 与 1.x 中的 module.loaders 相同
     rules: [
       {
         test: /\.vue$/,
         loader: 'vue-loader',
         options: {
-          // `loaders` 覆盖默认 loaders.
-          // 以下配置会导致所有的 <script> 标签 "lang" 属性失效。
-          // attribute to be loaded with coffee-loader
+          // `loaders` 覆盖默认 loaders。
+          // 以下配置会导致所有无 "lang" 特性的 <script> 标签加载 coffee-loader
           loaders: {
             js: 'coffee-loader'
           },
 
-          // `preLoaders` 会在默认 loaders 之前加载.
-          // 你可以用来预处理语言块 - 一个例子是用来处理构建时的 i18n
+          // `preLoaders` 会在默认 loaders 之前加载。
+          // 你可以用来预处理语言块——一个例子是用来处理构建时的 i18n
           preLoaders: {
             js: '/path/to/custom/loader'
           },
 
-          // `postLoaders` 会在默认 loaders 之后加载.
+          // `postLoaders` 会在默认 loaders 之后加载。
           //
           // - 对于 `html`, 默认 loader 返回会编译为 JavaScript 渲染函数
           //
@@ -78,4 +77,4 @@ module.exports = {
 }
 ```
 
-进阶配置更实际的用法是 [提取组件中的 CSS 到单个文件](./extract-css.md)。
+进阶配置更实际的用法是[提取组件中的 CSS 到单个文件](./extract-css.md)。
diff --git a/docs/zh-cn/configurations/asset-url.md b/docs/zh-cn/configurations/asset-url.md
index a0ef574de..f0fdbe66e 100644
--- a/docs/zh-cn/configurations/asset-url.md
+++ b/docs/zh-cn/configurations/asset-url.md
@@ -1,8 +1,8 @@
 # 资源路径处理
 
-默认情况下，`vue-loader` 使用 [css-loader](https://github.com/webpack/css-loader) 和 Vue 模版编译器自动处理你的样式和模版文件。在编译过程中，所有的资源路径例如 `<img src="...">`, `background: url(...)` 和 `@import` **会作为模块依赖**。
+默认情况下，`vue-loader` 使用 [css-loader](https://github.com/webpack/css-loader) 和 Vue 模版编译器自动处理你的样式和模版文件。在编译过程中，所有的资源路径例如 `<img src="...">`、`background: url(...)` 和 `@import` **会作为模块依赖**。
 
-例如，`url(./image.png)` 会被转换为 `require('./image.png')`,
+例如，`url(./image.png)` 会被转换为 `require('./image.png')`，而
 
 ``` html
 <img src="../image.png">
@@ -20,4 +20,4 @@ createElement('img', { attrs: { src: require('../image.png') }})
 
 1. `file-loader` 可以指定要复制和放置资源文件的位置，以及如何使用版本哈希命名以获得更好的缓存。此外，这意味着 **你可以就近管理你的图片文件，可以使用相对路径而不用担心布署时URL问题**。使用正确的配置，Webpack 将会在打包输出中自动重写文件路径为正确的URL。
 
-2. `url-loader` 允许你有条件将文件转换为内联的 base-64 URL（当文件小于给定的阈值），这会减少小文件的 HTTP 请求。如果文件大于该阈值，会自动的交给 `file-loader` 处理。
+2. `url-loader` 允许你有条件将文件转换为内联的 base-64 URL (当文件小于给定的阈值)，这会减少小文件的 HTTP 请求。如果文件大于该阈值，会自动的交给 `file-loader` 处理。
diff --git a/docs/zh-cn/configurations/custom-blocks.md b/docs/zh-cn/configurations/custom-blocks.md
index 8b1d6f0de..dc50e87f5 100644
--- a/docs/zh-cn/configurations/custom-blocks.md
+++ b/docs/zh-cn/configurations/custom-blocks.md
@@ -4,10 +4,10 @@
 
 在 `.vue` 文件中，你可以自定义语言块。自定义块的内容将由 `vue-loader` 的 options 中的 `loader` 对象中指定的 loader 处理，然后被组件模块依赖。类似 [Loader 进阶配置](../configurations/advanced.md)中的配置，但使用的是标签名匹配，而不是 `lang` 属性。
 
-如果找到一个自定义块的 matching loader，该自定义块将被处理; 否则自定义块将被忽略。
+如果找到一个自定义块的 matching loader，该自定义块将被处理；否则自定义块将被忽略。
 另外，如果找到的 loader 返回一个函数，该函数将以 `* .vue` 文件的组件作为参数来调用。
 
-## 例子
+## 单个文档文件的例子
 
 这是提取自定义块 `<docs>` 的内容到单个 docs 文件中的例子：
 
@@ -66,3 +66,69 @@ module.exports = {
   ]
 }
 ```
+
+## 运行时可用的文档
+
+这里有一个向组件注入 `<docs>` 自定义块使其在运行时可用的例子。
+
+#### docs-loader.js
+
+为了使得自定义块内容被注入，我们需要一个自定义的 loader：
+
+``` js
+module.exports = function (source, map) {
+  this.callback(null, 'module.exports = function(Component) {Component.options.__docs = ' +
+    JSON.stringify(source) +
+    '}', map)
+}
+```
+
+#### webpack.config.js
+
+现在我们将为 `<docs>` 自定义块配置我们的 webpack 自定义 loader。
+
+``` js
+const docsLoader = require.resolve('./custom-loaders/docs-loader.js')
+
+module.exports = {
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue',
+        options: {
+          loaders: {
+            'docs': docsLoader
+          }
+        }
+      }
+    ]
+  }
+}
+```
+
+#### component.vue
+
+现在我们可以在运行时访问已导入组件的 `<docs>` 块内容了。
+
+``` html
+<template>
+  <div>
+    <component-b />
+    <p>{{ docs }}</p>
+  </div>
+</template>
+
+<script>
+import componentB from 'componentB';
+
+export default = {
+  data () {
+    return {
+      docs: componentB.__docs
+    }
+  },
+  components: {componentB}
+}
+</script>
+```
diff --git a/docs/zh-cn/configurations/pre-processors.md b/docs/zh-cn/configurations/pre-processors.md
index c880499db..076d4df5d 100644
--- a/docs/zh-cn/configurations/pre-processors.md
+++ b/docs/zh-cn/configurations/pre-processors.md
@@ -1,6 +1,6 @@
 # 使用预处理器
 
-在 Webpack 中，所有的预处理器需要匹配对应的 loader。 `vue-loader` 允许你使用其它 Webpack loaders 处理 Vue 组件的某一部分。它会根据 `lang` 属性自动推断出要使用的 loaders。
+在 Webpack 中，所有的预处理器需要匹配对应的 loader。`vue-loader` 允许你使用其它 Webpack loaders 处理 Vue 组件的某一部分。它会根据 `lang` 属性自动推断出要使用的 loaders。
 
 ### CSS
 
@@ -35,7 +35,7 @@ npm install sass-loader node-sass --save-dev
 }
 ```
 
-如要获得更多关于 `vue-loader` 的配置信息，请查看 [Loader 进阶配置](./advanced.md) 章节。
+如要获得更多关于 `vue-loader` 的配置信息，请查看 [Loader 进阶配置](./advanced.md)章节。
 
 ### 加载一个全局设置文件
 
@@ -87,7 +87,7 @@ npm install coffee-loader --save-dev
 
 ### 模版
 
-模版的处理方式略有不同，因为大多数 Webpack 模版处理器（比如 `pug-loader`）会返回模版处理函数，而不是编译的 HTML 字符串，我们使用原始的 `pug` 替代 `pug-loader`:
+模版的处理方式略有不同，因为大多数 Webpack 模版处理器 (比如 `pug-loader`) 会返回模版处理函数，而不是编译的 HTML 字符串，我们使用原始的 `pug` 替代 `pug-loader`：
 
 ``` bash
 npm install pug --save-dev
@@ -100,11 +100,11 @@ div
 </template>
 ```
 
-> **重要:** 如果你使用 `vue-loader@<8.2.0`， 你还需要安装 `template-html-loader`。
+> **重要:** 如果你使用 `vue-loader@<8.2.0`，你还需要安装 `template-html-loader`。
 
 ### 行内 Loader Requests
 
-你可以在 `lang` 属性中使用 [Webpack loader requests](https://webpack.github.io/docs/loaders.html#introduction) ：
+你可以在 `lang` 属性中使用 [Webpack loader requests](https://webpack.github.io/docs/loaders.html#introduction)：
 
 ``` html
 <style lang="sass?outputStyle=expanded">
@@ -112,4 +112,4 @@ div
 </style>
 ```
 
-但是，这使你的 Vue 组件只适用于 Webpack，不能与 Browserify and [vueify](https://github.com/vuejs/vueify) 一同使用。**如果你打算将你的 Vue 组件作为可重复使用的第三方组件，请避免使用这个语法。**
+但是，这使你的 Vue 组件只适用于 Webpack，不能与 Browserify 和 [vueify](https://github.com/vuejs/vueify) 一同使用。**如果你打算将你的 Vue 组件作为可重复使用的第三方组件，请避免使用这个语法。**
diff --git a/docs/zh-cn/features/css-modules.md b/docs/zh-cn/features/css-modules.md
index 24a689081..8789895a2 100644
--- a/docs/zh-cn/features/css-modules.md
+++ b/docs/zh-cn/features/css-modules.md
@@ -2,7 +2,7 @@
 
 > 需要 ^9.8.0
 
-[CSS 模块](https://github.com/css-modules/css-modules) 是一个用于模块化和组合 CSS的流行系统。`vue-loader` 提供了与 CSS 模块的一流集成，可以作为模拟 CSS 作用域的替代方案。
+[CSS 模块](https://github.com/css-modules/css-modules)是一个用于模块化和组合 CSS的流行系统。`vue-loader` 提供了与 CSS 模块的一流集成，可以作为模拟 CSS 作用域的替代方案。
 
 ### 使用
 
@@ -58,7 +58,7 @@ export default {
 </script>
 ```
 
-请参考 [CSS Modules spec](https://github.com/css-modules/css-modules) 了解更多详细信息 [global exceptions](https://github.com/css-modules/css-modules#exceptions) 和 [composition](https://github.com/css-modules/css-modules#composition).
+请参考 [CSS Modules spec](https://github.com/css-modules/css-modules) 了解更多诸如 [global exceptions](https://github.com/css-modules/css-modules#exceptions) 和 [composition](https://github.com/css-modules/css-modules#composition) 等详细信息。
 
 ### 自定义注入名称
 
diff --git a/docs/zh-cn/features/es2015.md b/docs/zh-cn/features/es2015.md
index 8c0184e1c..6bca7f0fd 100644
--- a/docs/zh-cn/features/es2015.md
+++ b/docs/zh-cn/features/es2015.md
@@ -22,11 +22,11 @@ export default {
 </script>
 ```
 
-我们使用 ES2015 的属性的简洁表示法去定义子组件，`{ ComponentA }` 是 `{ ComponentA: ComponentA }` 的简写，Vue 会自动的将 key 转换为`component-a`，所以你可以在 template 中使用 `<component-a>`.
+我们使用 ES2015 的属性的简洁表示法去定义子组件，`{ ComponentA }` 是 `{ ComponentA: ComponentA }` 的简写，Vue 会自动的将 key 转换为`component-a`，所以你可以在 template 中使用 `<component-a>`。
 
 ### 在 Templates 中使用 ES2015
 
-`.vue` 中的 `<template>` 会编译为 JavaScript 渲染函数，然后通过自定义构建的 [Buble](https://buble.surge.sh/guide/) 去支持 ES2015，这允许你使用[属性的简洁表示法](https://buble.surge.sh/guide/#object-shorthand-methods-and-properties-transforms-concisemethodproperty-) 和 [属性名表达式](https://buble.surge.sh/guide/#computed-properties-transforms-computedproperty-)：
+`.vue` 中的 `<template>` 会编译为 JavaScript 渲染函数，然后通过自定义构建的 [Buble](https://buble.surge.sh/guide/) 去支持 ES2015，这允许你使用[属性的简洁表示法](https://buble.surge.sh/guide/#object-shorthand-methods-and-properties-transforms-concisemethodproperty-)和[属性名表达式](https://buble.surge.sh/guide/#computed-properties-transforms-computedproperty-)：
 
 ``` html
 <div :class="[{ active: active }, isButton ? prefix + '-button' : null]">
@@ -54,7 +54,7 @@ export default {
 </my-component>
 ```
 
-你还可以使用 [`buble` 选项](../options.md#buble) 自定义模板中支持的功能。
+你还可以使用 [`buble` 选项](../options.md#buble)自定义模板中支持的功能。
 
 ### 转换普通 `.js` 文件
 
diff --git a/docs/zh-cn/features/postcss.md b/docs/zh-cn/features/postcss.md
index 175353824..6f951ab43 100644
--- a/docs/zh-cn/features/postcss.md
+++ b/docs/zh-cn/features/postcss.md
@@ -29,7 +29,7 @@ module.exports = {
 }
 ```
 
-Webpack 2.x 例子:
+Webpack 2.x 例子：
 
 ``` js
 // webpack.config.js
@@ -56,7 +56,7 @@ module.exports = {
 
 - 返回插件数组的函数；
 
-- 要传递给 PostCSS 处理器的包含 options 的对象。当你使用的 PostCSS 项目依赖自定义 `parser/stringifiers`时，这很有用：
+- 要传递给 PostCSS 处理器的包含 options 的对象。当你使用的 PostCSS 项目依赖自定义 parser/stringifiers 时，这很有用：
 
   ``` js
   postcss: {
diff --git a/docs/zh-cn/features/scoped-css.md b/docs/zh-cn/features/scoped-css.md
index 237e0321e..945b07aa1 100644
--- a/docs/zh-cn/features/scoped-css.md
+++ b/docs/zh-cn/features/scoped-css.md
@@ -1,6 +1,6 @@
 # CSS 作用域
 
-当 `<style>` 标签有 `scoped` 属性时，它的 CSS 只作用于当前组件中的元素。 这类似于 Shadow DOM 中的样式封装。它有一些注意事项，但不需要任何 polyfills。 它通过使用 PostCSS 来实现以下转换：
+当 `<style>` 标签有 `scoped` 属性时，它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装。它有一些注意事项，但不需要任何 polyfills。它通过使用 PostCSS 来实现以下转换：
 
 ``` html
 <style scoped>
@@ -46,6 +46,22 @@
 
 3. Partials 不受作用域样式影响。
 
-4. **CSS 作用域不能代替 classes**。考虑到浏览器渲染各种 CSS 选择器的方式，当使用 scoped 时，`p { color: red }` 在作用域中会慢很多倍（即当与属性选择器组合时）。如果你使用 classes 或者 ids 代替，比如 `.example { color: red }`，这样几乎没有性能影响。[Here's a playground](http://stevesouders.com/efws/css-selectors/csscreate.php) 你可以测试它们的不同。
+4. **CSS 作用域不能代替 classes**。考虑到浏览器渲染各种 CSS 选择器的方式，当使用 scoped 时，`p { color: red }` 在作用域中会慢很多倍 (即当与属性选择器组合时)。如果你使用 classes 或者 ids 代替，比如 `.example { color: red }`，这样几乎没有性能影响。你可以在[这块试验田](https://stevesouders.com/efws/css-selectors/csscreate.php)测试它们的不同。
 
 5. **在递归组件中小心使用后代选择器!** 对于带有选择器 `.a .b` 的CSS 规则，如果元素 `.a` 包含递归子组件，所有的子组件中的 `.b` 会被匹配。
+
+6. 如果 `scoped` 样式中需要嵌套的选择器，你得在 CSS 中使用 `>>>` 操作符，且在 `scss` 中使用 `/deep/`：
+
+    ``` html
+    <style scoped>
+    .a >>> .b {
+
+    }
+    </style>
+
+    <style lang="scss" scoped>
+    .a /deep/ .b {
+
+    }
+    </style>
+    ```
diff --git a/docs/zh-cn/options.md b/docs/zh-cn/options.md
index 6b79401da..8c31c240f 100644
--- a/docs/zh-cn/options.md
+++ b/docs/zh-cn/options.md
@@ -34,9 +34,9 @@ module.exports = {
 
 ### loaders
 
-- 类型： `{ [lang: string]: string }`
+- 类型：`{ [lang: string]: string }`
 
-  指定 Webpack loader 对象覆盖用于 `*.vue` 文件内的语言块的默认 loader。如果指定，该键对应于语言块的 `lang` 属性。 每种类型的默认 `lang` 是：
+  指定 Webpack loader 对象覆盖用于 `*.vue` 文件内的语言块的默认 loader。如果指定，该键对应于语言块的 `lang` 属性。每种类型的默认 `lang` 是：
 
   - `<template>`: `html`
   - `<script>`: `js`
@@ -63,15 +63,15 @@ module.exports = {
 
 ### preLoaders
 
-- 类型： `{ [lang: string]: string }`
-- 仅在 >=10.3.0 版本中支持
+- 类型：`{ [lang: string]: string }`
+- 仅在 10.3.0+ 版本中支持
 
   配置格式和 `loaders` 相同，但是 `preLoaders` 会在默认 loaders 之前处理。你可以用来预处理语言块 - 一个常见用例是用来处理构建时的 i18n。
 
 ### postLoaders
 
-- 类型： `{ [lang: string]: string }`
-- 仅在 >=10.3.0 版本中支持
+- 类型：`{ [lang: string]: string }`
+- 仅在 10.3.0+ 版本中支持
 
   配置格式和 `loaders` 相同，但是 `postLoaders` 会在默认 loaders 之后处理。你可以用来后处理语言块。注意这会有些复杂：
 
@@ -81,9 +81,9 @@ module.exports = {
 
 ### postcss
 
-> 注意： 在 >=11.0.0 版本中，推荐使用 PostCSS 配置文件代替. [The usage is the same as `postcss-loader`](https://github.com/postcss/postcss-loader#usage).
+> 注意：在 11.0.0+ 版本中，推荐使用 PostCSS 配置文件代替。[用法和 `postcss-loader` 相同](https://github.com/postcss/postcss-loader#usage)。
 
-- 类型： `Array` or `Function` or `Object`
+- 类型：`Array` or `Function` or `Object`
 
 
   指定要应用于 `.vue` 文件中 CSS 的自定义 PostCSS 插件。如果使用函数，函数将使用相同的 loader 上下文调用，并返回一个插件数组。
@@ -141,18 +141,18 @@ module.exports = {
 - 类型: `{ [tag: string]: string | Array<string> }`
 - 默认值: `{ img: 'src', image: 'xlink:href' }`
 
-  在模版编译过程中，编译器可以将某些属性，如 `src` 路径，转换为 `require` 调用，以便目标资源可以由 Webpack 处理。 默认配置会转换 `<img>` 标签上的 `src` 属性和 SVG 的 `<image>` 标签上的 `xlink：href` 属性。
+  在模版编译过程中，编译器可以将某些属性，如 `src` 路径，转换为 `require` 调用，以便目标资源可以由 Webpack 处理。默认配置会转换 `<img>` 标签上的 `src` 属性和 SVG 的 `<image>` 标签上的 `xlink：href` 属性。
 
 ### buble
 
 - 类型: `Object`
 - 默认值: `{}`
 
-  配置 `buble-loader` 的选项（如果存在），并且 buble 编译传递模板渲染函数。
+  配置 `buble-loader` 的选项 (如果存在)，并且 buble 编译传递模板渲染函数。
 
   > 版本警告：在 9.x 版本中，模板表达式通过现在已经删除的 `templateBuble` 选项单独配置。
 
-  模板渲染函数编译支持一个特殊的变换 `stripWith`（默认启用），它删除生成的渲染函数中的 `with` 用法，使它们兼容严格模式。
+  模板渲染函数编译支持一个特殊的变换 `stripWith` (默认启用)，它删除生成的渲染函数中的 `with` 用法，使它们兼容严格模式。
 
   配置例子：
 
@@ -191,13 +191,13 @@ module.exports = {
 
 > 12.0.0 新增
 
-使用 `extract-text-webpack-plugin` 自动提取 CSS。 适用于大多数预处理器，且也可在生产环境进行压缩。
+使用 `extract-text-webpack-plugin` 自动提取 CSS。适用于大多数预处理器，且也可在生产环境进行压缩。
 
-传入的值可以是 `true`，也可以是插件的一个实例（这样可以为多个提取的文件使用多个提取插件的实例）。
+传入的值可以是 `true`，也可以是插件的一个实例 (这样可以为多个提取的文件使用多个提取插件的实例)。
 
 这应当只用于生产环境，以便可以在开发过程中使用热重载。
 
-示例:
+示例：
 
 ``` js
 // webpack.config.js
@@ -247,3 +247,12 @@ module.exports = {
   ]
 }
 ```
+
+### optimizeSSR
+
+> 12.1.1 新增
+
+- 类型: `boolean`
+- 默认值: 当 webpack config 中包含 `target: 'node'` 且 `vue-template-compiler` 版本号大于等于 2.4.0 时为 `true`。
+
+开启 Vue 2.4 服务端渲染的编译优化之后，渲染函数将会把返回的 vdom 树的一部分编译为字符串，以提升服务端渲染的性能。在一些情况下，你可能想要明确的将其关掉，因为该渲染函数只能用于服务端渲染，而不能用于客户端渲染或测试环境。
diff --git a/docs/zh-cn/start/spec.md b/docs/zh-cn/start/spec.md
index 7aa364f35..043bb0269 100644
--- a/docs/zh-cn/start/spec.md
+++ b/docs/zh-cn/start/spec.md
@@ -1,6 +1,6 @@
 # Vue 组件细则
 
-`.vue` 文件是一个自定义的文件类型，用类 HTML 语法描述一个 Vue 组件。每个 `.vue` 文件包含三种类型的顶级语言块 `<template>`, `<script>` 和 `<style>`，还允许添加可选的自定义块：
+`.vue` 文件是一个自定义的文件类型，用类 HTML 语法描述一个 Vue 组件。每个 `.vue` 文件包含三种类型的顶级语言块 `<template>`、`<script>` 和 `<style>`，还允许添加可选的自定义块：
 
 ``` html
 <template>
@@ -38,7 +38,7 @@ export default {
 </style>
 ```
 
-更多细节可以在 [预处理器](../configurations/pre-processors.md) 中找到。
+更多细节可以在[预处理器](../configurations/pre-processors.md)中找到。
 
 ### 语言块
 
@@ -52,23 +52,23 @@ export default {
 
 #### `<script>`
 
-- 默认语言：`js` (在检测到 `babel-loader` 或 `buble-loader` 配置时自动支持ES2015).
+- 默认语言：`js` (在检测到 `babel-loader` 或 `buble-loader` 配置时自动支持ES2015)。
 
 - 每个 `.vue` 文件最多包含一个 `<script>` 块
 
-- 该脚本在类 CommonJS 环境中执行（就像通过 Webpack 打包的正常 js 模块），这意味这你可以 `require()` 其它依赖。在 ES2015 支持下，你也可以使用 `import` 和 `export` 语法。
+- 该脚本在类 CommonJS 环境中执行 (就像通过 Webpack 打包的正常 js 模块)，这意味这你可以 `require()` 其它依赖。在 ES2015 支持下，你也可以使用 `import` 和 `export` 语法。
 
 - 脚本必须导出 Vue.js 组件对象。也可以导出由 `Vue.extend()` 创建的扩展对象，但是普通对象是更好的选择。
 
 #### `<style>`
 
-- 默认语言： `css`。
+- 默认语言：`css`。
 
 - 一个 `.vue` 文件可以包含多个 `<style>` 标签。
 
-- `<style>` 标签可以有 `scoped` 或者 `module` 属性 (查看 [CSS 作用域](../features/scoped-css.md) 和 [CSS 模块](../features/css-modules.md)) 以帮助你将样式封装到当前组件。具有不同封装模式的多个 `<style>` 标签可以在同一个组件中混合使用。
+- `<style>` 标签可以有 `scoped` 或者 `module` 属性 (查看 [CSS 作用域](../features/scoped-css.md)和 [CSS 模块](../features/css-modules.md)) 以帮助你将样式封装到当前组件。具有不同封装模式的多个 `<style>` 标签可以在同一个组件中混合使用。
 
-- 默认情况下，将会使用 `style-loader` 提取内容，并通过 `<style>` 标签动态加入文档的 `<head>` 中，也可以[配置 Webpack 将所有 styles 提取到单个 CSS 文件中](../configurations/extract-css.md).
+- 默认情况下，将会使用 `style-loader` 提取内容，并通过 `<style>` 标签动态加入文档的 `<head>` 中，也可以[配置 Webpack 将所有 styles 提取到单个 CSS 文件中](../configurations/extract-css.md)。
 
 ### 自定义块
 
@@ -76,7 +76,7 @@ export default {
 
 可以在 `.vue` 文件中添加额外的自定义块来实现项目的特定需求，例如 `<docs>` 块。`vue-loader` 将会使用标签名来查找对应的 webpack loaders 来应用在对应的块上。webpack loaders 需要在 `vue-loader` 的选项 `loaders` 中指定。
 
-更多细节，查看 [自定义块](../configurations/custom-blocks.md)。
+更多细节，查看[自定义块](../configurations/custom-blocks.md)。
 
 ### Src 导入
 
@@ -105,8 +105,8 @@ export default {
 ### 语法高亮
 
 
-目前语法高亮支持 [Sublime Text](https://github.com/vuejs/vue-syntax-highlight), [Atom](https://atom.io/packages/language-vue), [Vim](https://github.com/posva/vim-vue), [Visual Studio Code](https://marketplace.visualstudio.com/items/liuji-jim.vue), [Brackets](https://github.com/pandao/brackets-vue), and [JetBrains products](https://plugins.jetbrains.com/plugin/8057) (WebStorm, PhpStorm, 等)。 非常感谢其他编辑器/IDEs 所做的贡献！如果在 Vue 组件中没有使用任何预处理器，你可以把 `.vue` 文件当作 HTML 对待。
+目前语法高亮支持 [Sublime Text](https://github.com/vuejs/vue-syntax-highlight)、[Atom](https://atom.io/packages/language-vue)、[Vim](https://github.com/posva/vim-vue)、[Visual Studio Code](https://marketplace.visualstudio.com/items/liuji-jim.vue)、[Brackets](https://github.com/pandao/brackets-vue) 和 [JetBrains products](https://plugins.jetbrains.com/plugin/8057) (WebStorm、PhpStorm 等)。非常感谢其他编辑器/IDEs 所做的贡献！如果在 Vue 组件中没有使用任何预处理器，你可以把 `.vue` 文件当作 HTML 对待。
 
 ### 注释
 
-在语言块中使用该语言块对应的注释语法（HTML, CSS, JavaScript, Jade, 等）。顶层注释使用 HTML 注释语法：`<!-- comment contents here -->`
+在语言块中使用该语言块对应的注释语法 (HTML、CSS、JavaScript、Jade 等)。顶层注释使用 HTML 注释语法：`<!-- comment contents here -->`
diff --git a/docs/zh-cn/workflow/linting.md b/docs/zh-cn/workflow/linting.md
index b5524aa16..80512aaec 100644
--- a/docs/zh-cn/workflow/linting.md
+++ b/docs/zh-cn/workflow/linting.md
@@ -1,6 +1,6 @@
 # 代码检验
 
-你可能有疑问，在 `.vue` 文件中你怎么检验你的代码，因为它不是 Javascript。我们假设你使用 [ESLint](http://eslint.org/) (如果你没有使用话，你应该去使用！)。
+你可能有疑问，在 `.vue` 文件中你怎么检验你的代码，因为它不是 Javascript。我们假设你使用 [ESLint](https://eslint.org/) (如果你没有使用话，你应该去使用！)。
 
 你还需要 [eslint-plugin-html](https://github.com/BenoitZugmeyer/eslint-plugin-html) 来支持提取并检验你的 `.vue` 文件中的 JavaScript。
 
@@ -17,7 +17,7 @@
 eslint --ext js,vue MyComponent.vue
 ```
 
-别一种方法是使用 [eslint-loader](https://github.com/MoOx/eslint-loader),这样你的 `.vue` 文件会在开发期间每次保存时自动检验。
+别一种方法是使用 [eslint-loader](https://github.com/MoOx/eslint-loader)，这样你的 `.vue` 文件会在开发期间每次保存时自动检验。
 
 ``` bash
 npm install eslint eslint-loader --save-dev
@@ -40,7 +40,7 @@ module.exports = {
 
 注意 Webpack loader 处理顺序是 **从右到左**。确保在 `vue` 之前应用 `eslint`，这样才能检验编译前的代码。
 
-我们需要考虑使用的 NPM 包中的第三方 `.vue` 组件，实际使用中我们希望使用 `vue-loader` 去处理第三方组件，但是不想检验它们。我们需要把 linting 配置到 Webpack 的  [preLoaders](https://webpack.github.io/docs/loaders.html#loader-order) 中：
+我们需要考虑使用的 NPM 包中的第三方 `.vue` 组件，实际使用中我们希望使用 `vue-loader` 去处理第三方组件，但是不想检验它们。我们需要把 linting 配置到 Webpack 的 [preLoaders](https://webpack.github.io/docs/loaders.html#loader-order) 中：
 
 ``` js
 // webpack.config.js
@@ -66,7 +66,7 @@ module.exports = {
 }
 ```
 
-For Webpack 2.x:
+For Webpack 2.x：
 
 ``` js
 // webpack.config.js
diff --git a/docs/zh-cn/workflow/production.md b/docs/zh-cn/workflow/production.md
index 83995287a..fc5118908 100644
--- a/docs/zh-cn/workflow/production.md
+++ b/docs/zh-cn/workflow/production.md
@@ -3,7 +3,7 @@
 生产环境打包要做两件事：
 
 1. 压缩应用代码；
-2. 使用 [Vue.js 指南 - 删除警告](https://cn.vuejs.org/v2/guide/deployment.html#删除警告) 去除 Vue.js 中的警告。
+2. 使用 [Vue.js 指南中描述的部署方式](https://cn.vuejs.org/v2/guide/deployment.html)去除 Vue.js 中的警告。
 
 下面是配置示例：
 
diff --git a/docs/zh-cn/workflow/testing-with-mocks.md b/docs/zh-cn/workflow/testing-with-mocks.md
index baebcbd32..890892984 100644
--- a/docs/zh-cn/workflow/testing-with-mocks.md
+++ b/docs/zh-cn/workflow/testing-with-mocks.md
@@ -2,7 +2,7 @@
 
 在真实世界的应用中，我们的组件很有可能具有外部依赖。在为组件编写单元测试时，理想的状态是我们可以模拟这些外部依赖关系，这样我们的测试只依赖被测组件的行为。
 
-`vue-loader` 提供了一个可以使用 [inject-loader](https://github.com/plasticine/inject-loader) 将任意依赖项注入到 `*.vue` 组件的特性。 大体思路是：我们使用 `inject-loader` 为该模块创建一个 “模块工厂” 功能，而不是直接导入组件模块。当使用 mock 对象调用此函数时，它会返回模块的实例，并注入到 mock 中。
+`vue-loader` 提供了一个可以使用 [inject-loader](https://github.com/plasticine/inject-loader) 将任意依赖项注入到 `*.vue` 组件的特性。大体思路是：我们使用 `inject-loader` 为该模块创建一个 “模块工厂” 功能，而不是直接导入组件模块。当使用 mock 对象调用此函数时，它会返回模块的实例，并注入到 mock 中。
 
 假设我们有一个这样的组件：
 
@@ -39,9 +39,9 @@ npm install inject-loader@^2.0.0 --save-dev
 const ExampleInjector = require('!!vue?inject!./example.vue')
 ```
 
-请注意 crazy require string - 我们在这里使用一些内联 [webpack loader requests](https://webpack.github.io/docs/loaders.html)。 简要解释：
+请注意 crazy require string - 我们在这里使用一些内联 [webpack loader requests](https://webpack.github.io/docs/loaders.html)。简要解释：
 
-- 以 `!!` 打头意味着 “禁用全局配置中的所有 loader”;
+- 以 `!!` 打头意味着 “禁用全局配置中的所有 loader”；
 - `vue?inject!`意思是 “使用 `vue` loader，并传入 `?inject` 查询”。这告诉 `vue-loader` 在依赖注入模式下编译组件。
 
 返回的 `ExampleInjector` 是一个工厂函数，可以调用它来创建 `example.vue` 模块的实例：
diff --git a/docs/zh-cn/workflow/testing.md b/docs/zh-cn/workflow/testing.md
index 53e9c7cdd..8c5bd5f9f 100644
--- a/docs/zh-cn/workflow/testing.md
+++ b/docs/zh-cn/workflow/testing.md
@@ -1,10 +1,10 @@
 # 测试
 
-> [webpack vue-cli 模板](https://github.com/vuejs-templates/webpack) 为你提供预配置的单元测试和 e2e 测试设置。
+> [webpack vue-cli 模板](https://github.com/vuejs-templates/webpack)为你提供预配置的单元测试和 e2e 测试设置。
 
-当测试 `*.vue` 文件时，我们不能使用基于 CommonJS 的简单测试运行器，因为它不知道如何处理 `*.vue` 文件。而是应该使用 Webpack + vue-loader 打包我们的测试文件。推荐的设置是使用 [Karma](http://karma-runner.github.io/0.13/index.html) 和  [karma-webpack](https://github.com/webpack/karma-webpack)。
+当测试 `*.vue` 文件时，我们不能使用基于 CommonJS 的简单测试运行器，因为它不知道如何处理 `*.vue` 文件。而是应该使用 Webpack + vue-loader 打包我们的测试文件。推荐的设置是使用 [Karma](https://karma-runner.github.io/0.13/index.html) 和 [karma-webpack](https://github.com/webpack/karma-webpack)。
 
-Karma 是一个启动浏览器并为你运行测试的测试运行器。你可以选择要测试的浏览器以及你要使用的测试框架（例如，Mocha 或  Jasmine）。以下是一个在 [PhantomJS](http://phantomjs.org/) 中使用[Jasmine](http://jasmine.github.io/edge/introduction.html) 测试框架运行测试的 Karma 配置示例：
+Karma 是一个启动浏览器并为你运行测试的测试运行器。你可以选择要测试的浏览器以及你要使用的测试框架 (例如 Mocha 或 Jasmine)。以下是一个在 [PhantomJS](http://phantomjs.org/) 中使用 [Jasmine](https://jasmine.github.io/edge/introduction.html) 测试框架运行测试的 Karma 配置示例：
 
 ``` bash
 npm install\
@@ -52,7 +52,7 @@ var testsContext = require.context('.', true, /\.spec$/)
 testsContext.keys().forEach(testsContext)
 ```
 
-此入口文件只需要在同一文件夹中的 `.spec.js` 结尾引入其他所有文件。 现在我们可以写一些测试：
+此入口文件只需要在同一文件夹中的 `.spec.js` 结尾引入其他所有文件。现在我们可以写一些测试：
 
 ``` js
 // test/component-a.spec.js
@@ -97,4 +97,4 @@ describe('a.vue', function () {
 npm test
 ```
 
-此外，[webpack vue-cli 模板](https://github.com/vuejs-templates/webpack) 包含一个完整的测试用例。
+此外，[webpack vue-cli 模板](https://github.com/vuejs-templates/webpack)包含一个完整的测试用例。