1.什么是vue
官方给出的概念:Vue(读音/vju/,类似于view)是一套用于构建用户界面的前端框架
1.构建用户界面
用vue往html页面中填充数据,非常的方便
2.框架
框架是一种现成的解决方案,程序员只能遵守框架的规范,去编写自己的业务功能
要学习Vue,就是在学习vue框架中规定的用法
vue的指令,组件(是对UI结构的服用)、路由、Vues、vue组件库
2.Vue的特性
vue框架的特性,主要体现在如下两方面:
1.数据驱动视图
数据的变化会驱动视图自动更新
好处:程序员只管把数据维护好,那么页面结构会被vue自动渲染出来
在使用了Vue的页面中,vue会监听数据的变化,从而自动重新渲染页面的结构。示意图如下:
2.双向数据绑定
在网页中,form表单负责采集数据,Ajax负责提交数据
js数据的变化,会被自动渲染到页面上
页面上表单采集的数据发生变化的时候,会被VUE自动获取到,并更新到js数据中
在填写表单时,双向数据绑定可以辅助开发者在不操作DOM的前提下,自动把用户填写的内容同步到数据源中。示意图如下:
3.MVVM
MVVM是vue实现数据驱动视图和双向数据绑定的核心原理。MVVM指的是Model、View和ViewModel,它把每个HTML页面都拆分成了这三个部分,如图所示:
4.VUE的版本
当前,VUE共有3个大版本,其中:2.X版本的vue是目前企业级项目开发中的主流版本
3.x版本的vue于2020-09-19发布,生态还不完善,尚未在企业级项目开发中普及和推广
1.x版本的vue几乎被淘汰,不在建议学习与使用
总结:
3.X版本的vue是未来企业级项目开发的趋势;
2.X版本的vue在未来(1~2年内)会被逐渐淘汰;
标签:Vue,框架,简介,vue,版本,数据,页面 From: https://www.cnblogs.com/funkyd/p/16656643.html