zoukankan      html  css  js  c++  java
  • vue 学前班001(基础概念)

       1  学习目标

    通过这一节,你会学会:

    1.目前前端技术使用的趋势

    2.什么是MVVM

    3.Vue.js的两大核心

    4.Vue.js的适用场景

     诞生背景

    近几年来,得益于手机设备的普及和性能的提升,移动端的web需求大量增加,产生了一种叫webapp的东西,也就是移动端的网页应用。

    它们功能越来越复杂,交互也越来越酷炫,功能与效果越来越接近于原生的APP。

     但是打开会有等待    用户体验不好   a标签链接需要等待   所以 为了解决这个  vue 开发 模式诞生了     另外还有最近你很多的 apicloud + vue + aui 的开发 虽然 有很多问题  但是用户体验 变的更好了  (废话不多说  先看vue 吧)

      什么是MVVM

    MVVM可以拆分成:View --- ViewModel --- Model三部分 ,看下面的视图:

    那么,我们怎么理解MVVM呢?

    上图中,左侧的View相当于我们的DOM内容,我们所看到的页面视图,右侧的Model相当于我们的数据对象,比如一个对象的信息

       

    name: 张三
    age:21

    而中间的监控者就负责监控两侧的数据,并相对应地通知另一侧进行修改。比如:你在Model层中修改了name的值为:“李四”,那么View视图层显示的“张三”也会自动变成了“李四”,而这个过程就是有ViewModel来操作的,不需要你手动地去写代码去实现(你不用再手动操作DOM了)。

     Vue的核心

    Vue的数据驱动:数据改变驱动了视图的自动更新,传统的做法你得手动改变DOM来改变视图,vuejs只需要改变数据,就会自动改变视图,一个字:爽。再也不用你去操心DOM的更新了,这就是MVVM思想的实现。

    视图组件化:把整一个网页的拆分成一个个区块,每个区块我们可以看作成一个组件。网页由多个组件拼接或者嵌套组成。看下图:

    4 适用场景

    如果你还在用jquery频繁操作你的DOM来更新页面的话,那么,你可以用Vue.js来解放你的DOM操作了。

    如果你的项目中有多个部分是相同的,并可以封装成一个组件,那么,你可以试试用Vue.js。

    此外,Vue.js的核心实现中使用了ES5的Object.defineProperty特性,IE8及以下版本浏览器是不兼容的,所以,你的项目需要兼容这些较低版本的浏览器的话,那么,Vue.js就不适用了。

    毕竟,开发一个项目的目的不是为了使用某个框架。

      

      

  • 相关阅读:
    kafka topic消息分配partition规则(Java源码)
    mycat快速搭建入门
    CountDownLatch、CyclicBarrier和Semaphore使用
    jinfo Java配置信息工具
    jstat虚拟机统计信息监视工具
    jps虚拟机进程状态工具
    webpack2教程--从入门到放弃
    简单的add函数的N种写法
    从零开始写个一个豆瓣电影 (小程序教程3)
    从零开始写个一个豆瓣电影 (小程序教程2)”
  • 原文地址:https://www.cnblogs.com/ysshuai/p/7094083.html
Copyright © 2011-2022 走看看