File tree Expand file tree Collapse file tree 2 files changed +5
-4
lines changed Expand file tree Collapse file tree 2 files changed +5
-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
@@ -283,7 +283,8 @@ Vue.component('todo', {
283
283
<todo v-for =" todo in todos" v-bind:todo =" todo" ></todo >
284
284
</ol >
285
285
</div >
286
- ```
286
+ ```
287
+
287
288
``` js
288
289
var app7 = new Vue ({
289
290
el: ' #app-7' ,
@@ -316,7 +317,7 @@ var app7 = new Vue({
316
317
</script >
317
318
{% endraw %}
318
319
319
- 这只是一个人为的例子,但是我们已经将我们的应用分割成了两小的单元 ,子元素通过 ` props ` 接口实现了与父亲元素很好的解耦。我们现在可以在不影响到父应用的基础上,进一步为我们的 ` todo ` 组件改进更多复杂的模板和逻辑。
320
+ 这只是一个人为的例子,但是我们已经将我们的应用分割成了两个更小的单元 ,子元素通过 ` props ` 接口实现了与父亲元素很好的解耦。我们现在可以在不影响到父应用的基础上,进一步为我们的 ` todo ` 组件改进更多复杂的模板和逻辑。
320
321
321
322
在一个大型应用中,为了使得开发过程可控,有必要将应用整体分割成一个个的组件。在[ 后面的教程] ( /guide/components.html ) 中我们将详述组件,不过这里有一个(假想)的例子,看看使用了组件的应用模板是什么样的:
322
323
Original file line number Diff line number Diff line change @@ -1384,7 +1384,7 @@ vm.$el.remove()
1384
1384
{% raw %}
1385
1385
<div class =" upgrade-path " >
1386
1386
<h4 >升级方式</h4 >
1387
- <p >运行 <a href =" https://github.com/vuejs/vue-migration-helper " >migration helper</a >找到<code >vm.$remove</code >. 。如有遗漏,请参考<strong >控制台错误信息</strong >。</p >
1387
+ <p >运行 <a href =" https://github.com/vuejs/vue-migration-helper " >migration helper</a >找到<code >vm.$remove</code >。如有遗漏,请参考<strong >控制台错误信息</strong >。</p >
1388
1388
</div >
1389
1389
{% endraw %}
1390
1390
You can’t perform that action at this time.
0 commit comments