Skip to content

Commit 2436cd3

Browse files
author
勾股
committed
translated examples
1 parent 707204c commit 2436cd3

File tree

9 files changed

+20
-20
lines changed

9 files changed

+20
-20
lines changed

source/examples/commits.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
title: GitHub Commits
1+
title: GitHub 提交
22
type: examples
33
order: 1
44
---
55

6-
> 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.
6+
> 这个例子会通过 GitHub 的 API 获取 Vue.js 最近的提交信息,并展示成为一个列表。你可以在 master、div 和 next 分支之间进行切换。
77
88
<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/wd64qs6f/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/firebase.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
title: Firebase + Validation
1+
title: Firebase + 验证
22
type: examples
33
order: 2
44
---
55

6-
> This example uses [Firebase](https://www.firebase.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 Vue.js filters and triggers CSS transitions when adding/removing items.
6+
> 这个示例使用 [Firebase](https://www.firebase.com/) 完成后台数据存储,并在客户端之间保持同步 (你可以同时在多个浏览器标签中打开试用)。另外,它会利用 Vue.js 过滤器进行实时的校验,并且会在添加/删除项目的时候触发 CSS 过渡效果。
77
88
<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2ok0hp6c/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/grid-component.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
title: Grid Component
1+
title: 网格组件
22
type: examples
33
order: 3
44
---
55

6-
> This is an example of creating a reusable grid component and using it with external data.
6+
> 这个示例创建了一个可复用的网格组件并将其配合外部的数据使用。
77
88
<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2kqzhhq4/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/hackernews.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
title: HackerNews Clone
1+
title: HackerNews 的克隆
22
type: examples
33
order: 8
44
---
55

6-
> This is a HackerNews clone built upon HN's official Firebase API, and using Browserify + Vueify for the build setup.
6+
> 这是个 HackerNews 的克隆,它基于 HN 的官方 Firebase API 构建,并且在构建过程中使用了 Browserify + Vueify
77
88
<div style="max-width:600px">
9-
<a href="http://yyx990803.github.io/vue-hackernews" target="_blank"><img style="width:100%" src="/images/hn.png"></a>
9+
<a href="http://yyx990803.github.io/vue-hackernews" target="_blank"><img style="width:100%" src="../images/hn.png"></a>
1010
</div>
1111

12-
> [[Source](https://github.com/yyx990803/vue-hackernews)]
12+
> [[源代码](https://github.com/yyx990803/vue-hackernews)]

source/examples/image-slider.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
title: Image Slider Component
1+
title: 图片轮播组件
22
type: examples
33
order: 6
44
---
55

6-
> This example mainly showcases the spec-compliant &lt;content/&gt; insertion points implementation.
6+
> 这个例子主要展示了符合规范用法的 &lt;content/&gt; 插入点的实现。
77
88
<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/qnbmymfm/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
title: Markdown Editor
1+
title: Markdown 编辑器
22
type: examples
33
order: 0
44
---
55

6-
> Dead simple Markdown editor.
6+
> 极简的 Markdown 编辑器.
77
88
<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/wy2qf6yx/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/svg.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
title: SVG Graph
1+
title: SVG 图形
22
type: examples
33
order: 5
44
---
55

6-
> This example showcases a combination of custom component, computed property, two-way binding and SVG support.
6+
> 这个示例展示了对自定义组件、可推导的属性、双向绑定和 SVG 支持的结合。
77
88
<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/36ew1g5c/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

source/examples/todomvc.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@ type: examples
33
order: 7
44
---
55

6-
> This is a fully spec-compliant TodoMVC implementation in under 120 effective lines of JavaScript (excluding comments and blank lines).
6+
> 这是一个完整规范用法的 TodoMVC 实现,JavaScript 不超过 120 行 (不包括注释和空行)。
77
88
<iframe width="100%" height="500" src="todomvc/index.html" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
99

10-
> [[Source](https://github.com/yyx990803/vue/tree/master/examples/todomvc)]
10+
> [[源代码](https://github.com/yyx990803/vue/tree/master/examples/todomvc)]

source/examples/tree-view.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
title: Tree View
1+
title: 树状饰图
22
type: examples
33
order: 4
44
---
55

6-
> Example of a simple tree view implementation showcasing recursive usage of components.
6+
> 实现简单树状视图的实例,用来展示对组件的递归使用。
77
88
<iframe width="100%" height="500" src="http://jsfiddle.net/yyx990803/2e53p4wq/embedded/result,html,js,css" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

0 commit comments

Comments
 (0)