Vue学习笔记一:Vue.js介绍

vue

一、近年来前端开发趋势

  • 旧浏览器逐渐淘汰,移动端需求增加
  • 前端交互越来越多,功能越来越复杂
  • 架构从传统后台 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

回到顶部