File tree Expand file tree Collapse file tree 1 file changed +4
-4
lines changed Expand file tree Collapse file tree 1 file changed +4
-4
lines changed Original file line number Diff line number Diff line change 6
6
7
7
## Vue.js 是什么
8
8
9
- Vue.js(读音 /vjuː/, 类似于 ** view** )是一个构建用户界面的渐进式框架。与其他单层框架( monolithic frameworks)不同的是,Vue 被设计成从底层向上可以被增量式的采用。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用[ 单文件组件] ( single-file-components.html ) 和[ Vue生态系统支持的库] ( //github.com/vuejs/awesome-vue#libraries--plugins ) 开发的复杂单页应用。
9
+ Vue.js(读音 /vjuː/, 类似于 ** view** ) 是一个构建用户界面的渐进式框架。与其他单层框架( monolithic frameworks)不同的是,Vue 被设计成从底层向上可以被增量式的采用。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用[ 单文件组件] ( single-file-components.html ) 和[ Vue生态系统支持的库] ( //github.com/vuejs/awesome-vue#libraries--plugins ) 开发的复杂单页应用。
10
10
11
11
Vue.js 的目标是通过尽可能简单的 API 实现** 响应的数据绑定** 和** 组合的视图组件** 。
12
12
@@ -18,7 +18,7 @@ Vue.js 的目标是通过尽可能简单的 API 实现**响应的数据绑定**
18
18
19
19
## 声明式渲染
20
20
21
- Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进DOM的系统 :
21
+ Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统 :
22
22
23
23
``` html
24
24
<div id =" app" >
@@ -82,7 +82,7 @@ var app2 = new Vue({
82
82
83
83
这里我们遇到新东西。你看到的 ` v-bind ` 特性被称为** 指令** 。指令带有前缀 ` v- ` ,以指示它们是 Vue.js 提供的特殊特性。并且如你所想象的,它们会对绑定的目标元素添加响应式的特殊行为。这个指令的简单含义是说:将该元素的 id 属性绑定到 Vue 实例的 id 属性上。
84
84
85
- 用浏览器的开发者工具去监测以上元素 - 你会发现 这个元素的 id 为 ` inspect-me ` 。是的,如果你在控制台里更改 ` app2.id ` ,那么该元素的 id 也会随之更新。
85
+ 用浏览器的开发者工具去监测以上元素 - 你会发现这个元素的 id 为 ` inspect-me ` 。是的,如果你在控制台里更改 ` app2.id ` ,那么该元素的 id 也会随之更新。
86
86
87
87
## 条件与循环
88
88
@@ -117,7 +117,7 @@ var app3 = new Vue({
117
117
118
118
继续在控制台设置 ` app3.seen = false ` ,你会发现 “Now you see me” 消失了。
119
119
120
- 这个例子演示了我们不仅可以绑定 DOM 文本到数据,也可以绑定 DOM ** 结构** 到数据。而且,Vue.js 也提供一个强大的过渡效果系统,可以在 Vue 插入/删除元素时自动应用[ 过渡效果] ( transitions.html ) 。
120
+ 这个例子演示了我们不仅可以绑定 DOM 文本到数据,也可以绑定 DOM ** 结构** 到数据。而且,Vue.js 也提供一个强大的过渡效果系统,可以在 Vue 插入/删除元素时自动应用[ 过渡效果] ( transitions.html ) 。
121
121
122
122
也有一些其它指令,每个都有特殊的功能。例如, ` v-for ` 指令可以绑定数据到数据来渲染一个列表:
123
123
You can’t perform that action at this time.
0 commit comments