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

     附加:

      

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

    多多指教,我还是前端小生
  • 相关阅读:
    【活动预告】云上数字工厂与中小企业数字化转型创新论坛
    python 0722
    python 0715
    python 0713
    python 0718
    python 0723
    python 0720
    python 0721
    python 0725
    python 0719
  • 原文地址:https://www.cnblogs.com/yangslin/p/7904486.html
Copyright © 2020-2023  润新知