1、VUE简介

最近一段时间,Web前端领域出现了很多MVVM框架技术,如AngularJS、React,VUE.js等等。

Vue.js借鉴了AngularJS的设计理念,也吸取了React和AngularJS的教训,VUE被设计成一种轻量级的MVVM框架,文档清晰,容易学习,深受前端开发人员的喜爱。

Vue通过一个尽量简单的API来提供反应式的数据绑定和可组合、复用的视图组件,它不是一个大而全的框架。

Vue是一个MVVM框架的实现,他只提供了框架,更多的功能你可以结合其他的前端技术来实现,比如在VUE里面,你想去对DOM进行复杂操作,可以将Jquery引入进来,Jquery对DOM的操作是最灵活最强大的。

2、框架MVC => MVP => MVVM

为什么写前端需要用框架呢?

复杂的软件必须有清晰合理的架构,否则无法开发和维护。MVC、MVP和MVVM,三者的目的都是关注分离,使得UI更容易变换、更容易进行单元测试。

2.1. MVC框架

2.2. MVP框架

MVC为什么要衍化成MVP框架呢?

这是因为MVC的缺点在于整个都是闭环的,每一个层面都要相互牵扯,功能多样性,违背了单一职责。

2.3. MVVM框架

MVVM框架是将Presenter功能丰富了下,实现了主动监控数据变化。

3、VUE安装

下载地址

https://unpkg.com/vue/dist/vue.js

4、开发工具

WebStorm

5、第一个VUE程序

点击浏览器查看

最新文章

  1. 解读sencha touch移动框架的核心架构(二)
  2. webdriverAPI-Java
  3. java 静态方法和实例方法的区别(转)
  4. Android学习---如何创建数据库,SQLite(onCreate,onUpgrade方法)和SQLiteStudio的使用
  5. 利用CSS3实现圆角的outline效果的教程
  6. windows路径操作API函数
  7. struts2的s:iterator 标签 详解
  8. Spark on yarn配置项说明与优化整理
  9. Java多线程5:线程等待与唤醒
  10. Python 中的isinstance函数
  11. Bootloader简介
  12. 《Swift Programming Language 》——Swift中怎样使用继承(Inheritance)
  13. C语言文件操作之fgets()
  14. OpenStack/devstack with Neutron on Ubuntu 14 (1)
  15. Maven测试篇
  16. Python日期时间Date/Time
  17. Excel带条件求和——SUMIF函数
  18. 前端性能优化 —— 减少HTTP请求
  19. 微信小程序编译包的获取与解压——在手机中获取小程序编译包wxapkg
  20. 运维服务器手段(监控宝,Nagios,百度通告平台)

热门文章

  1. AMQP与RabbitMQ
  2. ant笔记
  3. 搜索 - 广度优先搜索(BFS)普通模板
  4. JDK9下载与安装
  5. VIJOS-P1294 拯救OIBH总部
  6. Directory traversal
  7. 【oracle】去重
  8. java 读写Parquet格式的数据 Parquet example
  9. Spring Cloud微服务安全实战_00_前言
  10. MySQL 五大引擎之间的区别和优劣之分