博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
少侠请重新来过 - Vue学习笔记(一) - Vue是什么
阅读量:6785 次
发布时间:2019-06-26

本文共 729 字,大约阅读时间需要 2 分钟。

vue.js是什么

vue.js是一套用于构建用户界面的渐进式框架,vue采用自底而上的增量开发设计。

vue的目标是通过尽可能简单的API实现响应的数据绑定组合视图组件

他提供了现代开发常用的高级功能:

  • 解耦视图和数据

  • 可复用的组件

  • 前端路由

  • 状态管理

  • 虚拟dom (Virtual DOM)

MVVM模式

MVVM (Model - View - ViewModel)模式由MVC模式衍生而来,当View发生变化时会自动更新到ViewModel,ViewModel发生变化时会更新View,View与ViewModel通过双向绑定建立联系:

MVVM实现做法

  • 发布-订阅者模式(backbone.js) 一般通过sub, pub的方式实现数据和视图的绑定监听,更新数据方式通常做法是 vm.set('property', value)

  • 脏值检查(angular.js) angular.js 是通过脏值检测的方式比对数据是否有变更,来决定是否更新视图,最简单的方式就是通过 setInterval() 定时轮询检测数据变动,angular只有在指定的事件触发时进入脏值检测

    • DOM事件
    • XHR响应事件
    • 浏览器Location变更事件
    • Timer事件(timeout , interval )
    • 执行 digest()或 apply()
  • 数据劫持: vue.js 采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。

转载于:https://juejin.im/post/5bc035755188255c5a0d1fc2

你可能感兴趣的文章
神奇的504 Bad Gateway Timeout
查看>>
mysql安装报错解决一例
查看>>
在服务器上排除问题的头五分钟
查看>>
安装 - FreeBSD + Nginx 环境搭建教程(推荐)
查看>>
学习cocos2d --- 场景创建
查看>>
小凡带你搭建本地的光盘yum源
查看>>
java 求最大公约数和最小公倍数
查看>>
vmware workstation的bridged NAT host-only区别与适用场景简介
查看>>
Linux基础知识
查看>>
Struts2中的OGNL详解
查看>>
隐藏/屏蔽服务器信息与web软件版本信息
查看>>
ifstat 网络流量统计工具
查看>>
VLC 2.2.6 Windows下搭建 rtsp流媒体服务器
查看>>
Django2 model操作数据库
查看>>
使用Azure Policy限制所有ASM资源
查看>>
在win7系统下使用TortoiseGit(乌龟git)简单操作Git@OSC
查看>>
强大的ghost.py 使用实例
查看>>
快速搭建NTP时间服务器
查看>>
网络基础
查看>>
碰到 oracle 10g ORA-00257
查看>>