docs: [zh-cn] v-link new syntax

Author: yyx990803

docs/zh-cn/SUMMARY.md

@@ -4,6 +4,7 @@
 - [基本用法](basic.md)
 - [嵌套路由](nested.md)
 - [路由对象和路由匹配](route.md)
+- [具名路径](named.md)
 - [路由配置项](options.md)
 - [router-view](view.md)
 - [v-link](link.md)

docs/zh-cn/basic.md

@@ -9,8 +9,8 @@
   <h1>Hello App!</h1>
   <p>
     <!-- 使用指令 v-link 进行导航。 -->
-    <a v-link="/foo">Go to Foo</a>
-    <a v-link="/bar">Go to Bar</a>
+    <a v-link="{ path: '/foo' }">Go to Foo</a>
+    <a v-link="{ path: '/bar' }">Go to Bar</a>
   </p>
   <!-- 路由外链 -->
   <router-view></router-view>

docs/zh-cn/link.md

@@ -1,12 +1,25 @@
 # v-link
 
-在启用了vue-router的应用里，你应该使用指令 `v-link` 来处理浏览时的跳转。原因如下：
+`v-link` 是一个用来让用户在 vue-router 应用的不同路径间跳转的指令。该指令接受一个 JavaScript 表达式，并会在用户点击元素时用该表达式的值去调用 `router.go`。
 
-- 它在HTML5 history模式和hash模式下的工作方式相同，所以如果你决定改变模式，或者IE9浏览器退化为hash模式时，都不需要做任何改变。
+``` html
+<!-- 字面量路径 -->
+<a v-link="'home'">Home</a>
 
-- 在HTML5 history模式下，`v-link` 会监听点击事件，防止浏览器尝试重新加载页面。
+<!-- 效果同上 -->
+<a v-link="{ path: 'home' }">Home</a>
 
-- 在HTML5 history模式下使用 `root` 选项时，不需要再 `v-link` 的URL中包含 root 路径。
+<!-- 具名路径 -->
+<a v-link="{ name: 'user', params: { userId: 123 }}">User</a>
+```
+
+你应该使用 `v-link` 而不是 `href` 来处理浏览时的跳转。原因如下：
+
+- 它在 HTML5 history 模式和 hash 模式下的工作方式相同，所以如果你决定改变模式，或者 IE9 浏览器退化为 hash 模式时，都不需要做任何改变。
+
+- 在 HTML5 history 模式下，`v-link` 会监听点击事件，防止浏览器尝试重新加载页面。
+
+- 在 HTML5 history 模式下使用 `root` 选项时，不需要再 `v-link` 的 URL 中包含 root 路径。
 
 #### 链接活跃时的 class
 

docs/zh-cn/named.md

@@ -0,0 +1,26 @@
+# 具名路径
+
+在有些情况下，给一条路径加上一个名字能够让我们更方便地进行路径的跳转。你可以按照下面的示例给一条路径加上名字：
+
+``` js
+router.map({
+  '/user/:userId': {
+    name: 'user', // 给这条路径加上一个名字
+    component: { ... }
+  }
+})
+```
+
+可以如下用 `v-link` 链接到该路径：
+
+``` html
+<a v-link="{ name: 'user', params: { userId: 123 }}">User</a>
+```
+
+同样，也可以用 `router.go()` 来切换到该路径：
+
+``` js
+router.go({ name: 'user', params: { userId: 123 }})
+```
+
+以上两种情况，路由都会最终切换到 `/user/123`。