Merge pull request #81 from lindazhang102/2.0-cn

issues#70 翻译

src/examples/commits.md

@@ -1,9 +1,9 @@
 ---
-title: GitHub Commits
+title: GitHub 提交
 type: examples
 order: 1
 ---
 
-> This example fetches latest Vue.js commits data from GitHub's API and displays them as a list. You can switch between the master and dev branches.
+> 这个例子从 Github 的 API 中获取了最新的 Vue.js 提交数据，并且以列表形式将它们展示了出来。你可以轻松地切换 master 和 dev 分支。
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/c5g8xnar/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/examples/elastic-header.md

@@ -1,5 +1,5 @@
 ---
-title: Elastic Header
+title: 具有伸缩性的 Header
 type: examples
 order: 7
 ---

src/examples/firebase.md

@@ -1,9 +1,8 @@
 ---
-title: Firebase + Validation
+title: Firebase + 验证
 type: examples
 order: 2
 ---
 
-> This example uses [Firebase](https://firebase.google.com/) as the data persistence backend and syncs between clients in real time (you can try opening it in multiple browser tabs). In addition, it performs instant validation using computed properties and triggers CSS transitions when adding/removing items.
-
+> 本示例使用 [Firebase](https://firebase.google.com/) 作为数据存储后端，同时在客户端进行数据实时同步（你可以在多个浏览器窗口去打开它来验证）。另外，它通过计算属性实时验证，并且添加／移除选项时触发 CSS 转变。
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/hkrxmp0h/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/examples/grid-component.md

@@ -1,9 +1,9 @@
 ---
-title: Grid Component
+title: 网格组件
 type: examples
 order: 3
 ---
 
-> This is an example of creating a reusable grid component and using it with external data.
+> 本示例创建了一个可复用组件，可结合外部数据来使用它。
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/xkkbfL3L/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/examples/hackernews.md

@@ -1,10 +1,10 @@
 ---
-title: HackerNews Clone
+title: HackerNews 克隆
 type: examples
 order: 10
 ---
 
-> This is a HackerNews clone built upon HN's official Firebase API, Vue 2.0 + vue-router + vuex, with server-side rendering.
+> HackerNews 克隆是基于 HN 的官方 firebase API，Vue 2.0 、vue-router 和 vuex 来构建的，使用服务器端渲染。
 
 {% raw %}
 <div style="max-width:600px">
@@ -16,20 +16,21 @@ order: 10
 
 > [Live Demo](https://vue-hn.now.sh/)
 > Note: the demo may need some spin up time if nobody has accessed it for a certain period.
+笔记：如果没在特定时间段用到它，那么本示例需要一些加载时间。
 >
 > [[Source](https://github.com/vuejs/vue-hackernews-2.0)]
 
-## Features
+## 特性
 
-- Server Side Rendering
-  - Vue + vue-router + vuex working together
-  - Server-side data pre-fetching
-  - Client-side state & DOM hydration
-- Single-file Vue Components
-  - Hot-reload in development
-  - CSS extraction for production
-- Real-time List Updates with FLIP Animation
+- 服务器端渲染
+  - Vue + vue-router + vuex
+  - 服务端数据提前获取
+  - 客户端状态 & DOM 合并
+- 单文件 Vue 组件
+  - 开发时进行热加载
+  - 生产时抽出 CSS
+- 使用 FLIP 动画进行实时列表更新
 
-## Architecture Overview
+## 结构概览
 
 <img width="973" alt="Hackernew clone architecture overview" src="/images/hn-architecture.png">

src/examples/index.md

@@ -1,9 +1,9 @@
 ---
-title: Markdown Editor
+title: Markdown 编辑器
 type: examples
 order: 0
 ---
 
-> Dead simple Markdown editor.
+> 蠢萌的 Markdown 编辑器。
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/pq22eoj5/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/examples/modal.md

@@ -1,9 +1,9 @@
 ---
-title: Modal Component
+title: 模式组件
 type: examples
 order: 6
 ---
 
-> Features used: component, prop passing, content insertion, transitions.
+> 使用到的特性：组件，prop 传递，内容插入(content insertion)，过渡（transitions）。
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/mwLbw11k/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/examples/select2.md

@@ -1,9 +1,9 @@
 ---
-title: Wrapper Component
+title: 内嵌组件
 type: examples
 order: 8
 ---
 
-> In this example we are integrating a 3rd party jQuery plugin (select2) by wrapping it inside a custom component.
+> 在本例中，我们整合了第三方 jQuery 插件（select2）,怎么做到的呢？就是把它内嵌在一个常用组件中==
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/fruqrvdL/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/examples/svg.md

@@ -1,9 +1,9 @@
 ---
-title: SVG Graph
+title: SVG 图表
 type: examples
 order: 5
 ---
 
-> This example showcases a combination of custom component, computed property, two-way binding and SVG support.
+> 本示例展示了一个结合体，它由常用组件、计算属性、2 种绑定方式和 SVG 的支持组成。
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/mhrckqgq/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/examples/todomvc.md

@@ -4,6 +4,6 @@ type: examples
 order: 9
 ---
 
-> This is a fully spec-compliant TodoMVC implementation in under 120 effective lines of JavaScript (excluding comments and blank lines).
+> 本例是一个完全和规范一致的 TodoMVC 实现，只用了 120 行有效的 JavaScript（不包含注释和空行）。
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/4dr2fLb7/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

src/examples/tree-view.md

@@ -1,9 +1,9 @@
 ---
-title: Tree View
+title: 树形视图
 type: examples
 order: 4
 ---
 
-> Example of a simple tree view implementation showcasing recursive usage of components.
+> 本示例是一个简单的树形视图实现，它展现了组件的递归使用。
 
 <iframe width="100%" height="500" src="https://jsfiddle.net/yyx990803/3p0j5sgy/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>