欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

1、VUE介绍

程序员文章站 2022-04-09 15:32:35
1、VUE简介 最近一段时间,Web前端领域出现了很多MVVM框架技术,如AngularJS、React,VUE.js等等。 Vue.js借鉴了AngularJS的设计理念,也吸取了React和AngularJS的教训,VUE被设计成一种轻量级的MVVM框架,文档清晰,容易学习,深受前端开发人员的喜 ......

1、vue简介

      最近一段时间,web前端领域出现了很多mvvm框架技术,如angularjsreactvue.js等等。

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

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

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

 

2、框架mvc => mvp => mvvm

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

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

 

2.1. mvc框架

 1、VUE介绍

 

 

 

2.2. mvp框架

mvc为什么要衍化成mvp框架呢?

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

 1、VUE介绍

 

 

 

2.3. mvvm框架

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

 

 1、VUE介绍

 

3、vue安装

下载地址

  

 

 

4、开发工具

    webstorm

 

 1、VUE介绍

 

 

5、第一个vue程序

 

 1、VUE介绍

1、VUE介绍

1、VUE介绍

 

 

点击浏览器查看

 1、VUE介绍