vue.js MVVM模式介紹及案例

1.vue.js是什么：

　　Vue.js (讀音 /vjuː/，類似於 view) 是一套構建用戶界面的漸進式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，它不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與單文件組件和 Vue 生態系統支持的庫結合使用時，Vue 也完全能夠為復雜的單頁應用程序提供驅動。

　　Vue.js 自身不是一個全能框架——它只聚焦於視圖層。因此它非常容易學習，非常容易與其它庫或已有項目整合。另一方面，在與相關工具和支持庫一起使用時，Vue.js 也能完美地驅動復雜的單頁應用。

 

2.特點：

2-1）.易用

　　已經會了 HTML, CSS, JavaScript？即刻閱讀指南開始構建應用。

2-2).靈活

　　簡單小巧的核心，漸進式技術棧，足以應付任何規模的應用。

2-3).性能

　　20kb min+gzip 運行大小、超快虛擬  DOM 、最省心的優化

 

3.參考：

　　　Vue.js 的 API 是參考了AngularJS、KnockoutJS、Ractive.js、Rivets.js。

4.堂上案例：

補充：還可以用java代碼for each 循環來實現如上案例，下面我也寫了三個for each 的案例給大家參考：

案例一：

　　<li v-for="student in studentList">{student.name}</li>

--------------------------------------------------------------------------

案例二：

<c:forEach:var :"student" items="studentList">

　　<li>${student.name}</li>

 </c:forEach>

-------------------------------------------------------------

案例三：

　　for(Student student :studentList){

　　　　system.out.println(student.setName);　　

}

 附加：

　　

最后，希望有更多的愛好者能幫我提出更好的寶貴意見，我看到你的回復我會即時采納，也好為這篇文章畫上一個圓滿的句號。