一 Vue简介
Vue(读音 /vjuː/
,类似于 view) 是一套用于构建用户界面的 渐进式框架
与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用
Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合
二 Vue特点
易用:通过 HTML、CSS、JavaScript构建应用
灵活:不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩
高效:20kB min+gzip 运行大小;超快虚拟 DOM;最省心的优化
三 MVVM思想
1)MVVM介绍
MVVM 全称Model-View-ViewModel,是一种基于前端开发的架构模式,是一种事件驱动编程方式
Model:vue对象的data属性里面的数据,这里的数据要显示到页面中
View:vue中数据要显示的HTML页面,在vue中,也称之为“视图模板” (HTML+CSS)
ViewModel:vue中编写代码时的vm对象,它是vue.js的核心,负责连接 View 和 Model数据的中转,保证视图和数据的一致性,所以前面代码中,data里面的数据被显示中p标签中就是vm对象自动完成的(双向数据绑定:JS中变量变了,HTML中数据也跟着改变)
vue中编写代码时的vm对象,它是vue.js的核心,负责连接 View 和 Model数据的中转,保证视图和数据的一致性,所以前面代码中,data里面的数据被显示中p标签中就是vm对象自动完成的(双向数据绑定:JS中变量变了,HTML中数据也跟着改变)
2)MVVM特性
低耦合:视图(View)可以独立于Model变化和修改,1个ViewModel可以绑定到不同的View上,当View变化的时候 Model可以不变,当Model变化的时候 View也可以不变
可复用:可以把一些视图逻辑放在1个ViewModel中,让很多View重用这端视图的逻辑(以此减少代码冗余)
独立开发:开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计
可测试:界面元素是比较难以测试的,而现在的测试可以针对ViewModel来编写
3)MVVM逻辑
四 引入方式
1)CDN引入:<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
2)下载后导入:<script src="./vue.js"></script>(指定下载后保存vue.js的文件路径)
标签:vue,ViewModel,视图,Vue,介绍,Model,View From: https://www.cnblogs.com/Cai-jia-hui/p/17712883.html