Vue学习笔记一:Vue.js介绍
一、近年来前端开发趋势
- 旧浏览器逐渐淘汰,移动端需求增加
- 前端交互越来越多,功能越来越复杂
- 架构从传统后台 MVC 向 REST API + 前端 MV* 迁移
MV* :1、MVC
2、MVP
3、MVVM ← Vue.js
二、MVVM框架介绍
MVVM的应用场景:
- 针对具有复杂交互逻辑的前端应用
- 提供基础的架构抽象
- 通过 Ajax 数据持久化,保证前端用户体验
MVVM:1、Angular.js
2、react.js
3、vue.js
三、 什么是vue.js
- 它是一个轻量级MVVM框架
- 数据驱动 + 组件化的前端开发
- Github 超过 157k+ 的star数,社区完善
四、对比 Angular React
- Vue.js更轻量,gzip 后大小只有 20K+
- Vue.js更易上手,学习曲线平稳
- 吸收两家之长,借鉴了 angular 的指令和 react 的组件化
五、Vue.js 核心思想
数据驱动
DOM 是数据的一种自然映射。
数据响应原理:数据(model)改变 驱动 视图(view)自动更新。
组件化
拓展 HTML 元素,封装可重用的代码。
组件的设计原则 :
1、页面上每个独立的可视/可交互区域视为一个组件。
2、每个组件对应一个工程目录,组件所需要的各种资源在这个目录下就近维护。
3、页面不过是组件的容器,组件可以嵌套自由组合形成完整的页面。
以上是 Vue学习笔记一:Vue.js介绍 的全部内容, 来源链接: utcz.com/z/376956.html