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);　　

}

 附加：

　　

最后，希望有更多的爱好者能帮我提出更好的宝贵意见，我看到你的回复我会即时采纳，也好为这篇文章画上一个圆满的句号。

 

转载于:https://www.cnblogs.com/yangslin/p/7904486.html