Vue.js(渐进式JavaScript框架)

渐进式:逐步实现新特性。

Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助开发者高效地开发用户界面。

Vue简介 | Vue.js (vuejs.org)

Vue核心库只关注视图层。不关注网络通信和页面跳转。

Soc:关注点分离原则。因为Vue的边界很明确

视图层(只管视图):HTML+CSS+JS:视图:给用户看,刷新后台给的数据

网络通信:axios(前端通信框架)axios中文网|axios API 中文文档 | axios (axios-js.com)

页面跳转(控制视图跳转):vue-router

状态管理(所有东西统一管理):vuex

Vue-UI:比如ICE:快速开始 | 飞冰 ICE

vue-element-admin:vue-element-admin (panjiachen.github.io)

Vue-UI:是一个可视化图形界面,方便你去创建、更新和管理vue项目,包括下载router,vuex,axios,elementui等插件,配置好一些属性以及依赖关系,方便我们使用

  • MVC(同步通信为主(同步缺点会阻塞)):M(Model): 模型 V(View): 视图 C(Controller): 控制器

  • MVP(异步通信为主):Model、View、Presenter

  • MVVM(异步通信为主):Model、View、ViewModel

View层(只管数据展示):JSP {{$ }}、{{# }}

DATA(Model层) : 专门存放数据

vm(mvvm) : 数据双向双向绑定

MVVM模式的实现者:

  • Model:模型层,在这里表示JavaScript对象

  • View:视图层,在这里表示DOM(HTML操作的元素)

  • ViewModel:连接视图和数据的中间件,Vue.js就是MVVM中的ViewModel层的实现者

  • ViewModel能够观察到数据的变化,并对视图对应的内容进行更新

  • ViewModel能够监听到视图的变化,并能够通知数据发生改变

虚拟Dom:利用内存;

计算属性-->Vue特色

Vue.js特点:综合了Angular(模块化)和React(虚拟DOM)的优点。如:实现模块化开发、路由、状态管理等新特性。

Vue支持MVVM模式的前端化框架,而且也支持虚拟化DOM。

Vue.js优点:

  1. 轻量级,体积小是一个重要指标。

  1. 移动优先。更适合移动端。

  1. 易上手,学习曲线平稳,文档齐全。

  1. 吸取了Angular(模块化)和React(虚拟化DOM)的长处,并拥有自己独特的功能。如:计算属性。

  1. 开源,社区活跃度高。

Vue.js(渐进式JavaScript框架)相关推荐

  1. Vue -渐进式JavaScript框架

    介绍 vue 中文网 vue github Vue.js 是一套构建用户界面(UI)的渐进式JavaScript框架 库和框架的区别 我们所说的前端框架与库的区别? Library 库,本质上是一些函 ...

  2. vue.js是什么框架?有什么优势?

    vue.js (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图 ...

  3. Quasar Framework 基于 Vue.js的开源框架

    Quasar Framework 中文网(https://quasar.dev/)是一个提供 Quasar Framework 框架相关信息的中文网站.Quasar Framework 是一个基于 V ...

  4. 推荐一些基于vue.js的uni-app框架前后端分离的一些毕设项目

    一些基于vue.js的uni-app框架前后端分离的一些项目 下面这些课题都可以作为基于vue的前后端分类的毕设项目 下面的这些项目都可以演示的是微信小程序 下面的这些项目都可以转成h5项目 下面的这 ...

  5. Vue.js 对比其他框架

    对比其他框架 这个页面无疑是最难编写的,但我们认为它也是非常重要的.或许你曾遇到了一些问题并且已经用其他的框架解决了.你来这里的目的是看看 Vue 是否有更好的解决方案.这也是我们在此想要回答的. 客 ...

  6. 基于vue.js后台管理系统框架学习

    1.https://github.com/jerry9022/LitAdmin 2.http://www.cnblogs.com/dmcl/p/6722315.html 3.https://www.c ...

  7. Vue.js官网版教程

    前言 这是vue官网案例学习,记录一下 序言 vue.js介绍 Vue.js 渐进式 JavaScript 框架 https://learning.dcloud.io/#/?vid=0 第1节 安装与 ...

  8. vue/js 相关网站导读

    说明,点击标题可以跳转,我知道你不想复制网页.(哈哈哈哈) 一.vue 官网 vue2    https://v2.cn.vuejs.org/ vue3   Vue.js - 渐进式 JavaScri ...

  9. 经典文摘:饿了么的 PWA 升级实践(结合Vue.js)

    自 Vue.js 官方推特第一次公开到现在,我们就一直在进行着将饿了么移动端网站升级为 Progressive Web App 的工作.直到近日在 Google I/O 2017 上登台亮相,才终于算 ...

最新文章

  1. php excel 转数组函数,使用PHPExcel将数组转换为Excel 2007
  2. jdk jre jvm三者之间的关系
  3. java不四舍五入_JAVA-四舍五入之坑
  4. 158 行 Python 代码,复现 DeepMind 递归神经网络 DRAW!
  5. Tricks(七)——list of lists 行和、列和的计算
  6. Unity 下载安装Standard Assets
  7. Beaver‘s triple(乘法三元组)-秘密共享的乘法计算
  8. 四,AXI总线协议解析
  9. Java Wed学习总结
  10. CSS第五天总结——PS切图、CSS属性书写顺序
  11. 周期函数的自身叠加后功率函数思考
  12. 手机开热点,电脑连不上
  13. 英语口语235之每日十句口语
  14. 架构框架搭建(二)《Dubbo分布式领域驱动设计架构框体》
  15. flask----继承和bock
  16. python 小甲鱼 好不好_小甲鱼零基础入门学习python课后题及答案
  17. python中end= 的含义
  18. 基于PLUS模型+InVEST模型 生态系统服务多情景模拟预测
  19. 神经网络实例Python
  20. 思科开源杀软ClamAV中存在严重的RCE漏洞

热门文章

  1. el-input 密码输入框 显示隐藏优化
  2. 2021_lg_03.SQL实战:如何用sql计算用户留存问题
  3. CBitmap Detach和DeleteObject的关系
  4. 为智能汽车装上“云发动机”
  5. uni-app - 刘海屏(Iphone X)底部横杠(——)白色区域块(安全距离处更改颜色)解决方案
  6. IntelliJ IDEA的安装及插件下载
  7. 智能电话机器人(AI语音机器人)时什么?
  8. 物联网跟人的神经网络相似通过各种信息传感设备
  9. JAVA设计模式-创建模式-工厂模式-简单工厂模式/静态工厂模式
  10. 正则表达式 “.*“匹配任意字符