Skip to content

润色文本，添加漏译内容 #272

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Apr 7, 2017
Merged

润色文本，添加漏译内容 #272

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6a79241
润色文本，添加漏译内容
Underwaternya Mar 2, 2017
086678c
Merge branch 'master' into patch-1
Underwaternya Mar 13, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions src/v2/guide/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,9 @@ Vue.js（读音 /vjuː/，类似于 **view**） 是一套构建用户界面的**

## 起步

<p class="tip">官方教程假设你已有 HTML、CSS 和 JavaScript 中级前端知识。如果你是全新的前端开发者，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来！之前有其他框架的使用经验是有帮助的，但不是必需的。</p>
<p class="tip">官方指南假设你已有 HTML、CSS 和 JavaScript 中级前端知识。如果你刚开始学习前端开发，将框架作为你的第一步可能不是最好的主意——掌握好基础知识再来！之前有其他框架的使用经验对于学习 Vue.js 是有帮助的，但这不是必需的。</p>

尝试 Vue.js 最简单的方法是使用 [JSFiddle Hello World 例子](https://jsfiddle.net/chrisvfritz/50wL7mdz/)。你可以在浏览器新标签页中打开它，跟着我们学习一些基础示例。或者你也可以创建一个本地的 `.html` 文件，然后通过如下方式引入 Vue：
尝试 Vue.js 最简单的方法是使用 [JSFiddle Hello World 例子](https://jsfiddle.net/chrisvfritz/50wL7mdz/)。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个本地的 `.html` 文件，然后通过如下方式引入 Vue：

``` html
<script src="https://unpkg.com/vue/dist/vue.js"></script>
Expand Down Expand Up @@ -54,7 +54,7 @@ var app = new Vue({
</script>
{% endraw %}

我们已经生成了我们的第一个 Vue 应用！看起来这跟单单渲染一个字符串模板非常类似，但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被绑定在一起，一切都是**响应式的**。我们如何知道？打开浏览器的 JavaScript 控制台，并修改 `app.message`，你将看到上面渲染的例子相应地更新了。
我们已经生成了我们的第一个 Vue 应用！看起来这跟单单渲染一个字符串模板非常类似，但是 Vue 在背后做了大量工作。现在数据和 DOM 已经被绑定在一起，所有的元素都是**响应式的**。我们如何知道？打开你的浏览器的控制台（就在这个页面打开），并修改 `app.message`，你将看到上例相应地更新。

除了文本插值，我们还可以采用这样的方式绑定 DOM 元素属性：

Expand Down Expand Up @@ -177,7 +177,7 @@ var app4 = new Vue({

## 处理用户输入

为了让用户和你的应用进行交互，我们可以用 `v-on` 指令绑定一个调用 Vue 实例方法的事件监听器：
为了让用户和你的应用进行互动，我们可以用 `v-on` 指令绑定一个事件监听器，通过它调用我们 Vue 实例中定义的方法：

``` html
<div id="app-5">
Expand Down Expand Up @@ -218,9 +218,9 @@ var app5 = new Vue({
</script>
{% endraw %}

注意在 `reverseMessage` 方法中，我们更新了应用的状态，但没有触碰 DOM - 所有的 DOM 操作都由 Vue 来处理，你编写的代码只需要关注底层逻辑。
注意在 `reverseMessage` 方法中，我们更新了应用的状态，但没有触碰 DOM——所有的 DOM 操作都由 Vue 来处理，你编写的代码只需要关注底层逻辑。

Vue 还提供了 `v-model` 指令，使表单输入和应用状态间的双向绑定变得轻而易举。
Vue 还提供了 `v-model` 指令，它能轻松实现表单输入和应用状态之间的双向绑定。

``` html
<div id="app-6">
Expand Down Expand Up @@ -364,7 +364,7 @@ var app7 = new Vue({

## 准备好了吗？

我们刚才简单介绍了 Vue 核心最基本的功能 - 本教程的其余部分将涵盖这些功能以及其他高级功能更详细的细节，所以请务必读完整个教程！
我们刚才简单介绍了 Vue 核心最基本的功能——本教程的其余部分将涵盖这些功能以及其他高级功能更详细的细节，所以请务必读完整个教程！

***

Expand Down