什么是Vue?为什么要学Vue?

官方解释只有一句话:Vue是一套用于构建用户界面的渐进式JavaScript框架,有易用、灵活、高效的特点。
小白听了这句话肯定有点蒙圈,因为虽然只有一句话,但其实背后隐藏的信息量是巨大的,并不能完全理解官方高深莫测而又简洁的说明。

那么我作为过来人,有必要给大家来个庖丁解牛,细致的分析下Vue其中蕴含的道理吧!

我们先从构建用户界面说起
要操作界面Dom,原生JS和Jquery框架不得不提,那么两者与Vue相比较起来,有哪些优势呢?

  • 我们先从选择Dom元素开始比较,JS是通过document对象方法,Jquery是使用选择器( ) , 来 对 其 进 行 赋 值 、 取 值 、 事 件 绑 定 等 操 作 , 相 比 和 原 生 的 J S 的 区 别 只 在 于 可 以 更 方 便 的 选 取 和 操 作 D O M 对 象 , 那 么 , 这 样 其 中 存 在 什 么 问 题 呢 ? 我 们 知 道 数 据 和 界 面 是 在 一 起 的 。 比 如 需 要 获 取 l a b e l 标 签 的 内 容 : ),来对其进行赋值、取值、事件绑定等操作, 相比和原生的JS的区别只在于可以更方便的选取和操作DOM对象,那么,这样其中存在什么问题呢?我们知道数据和界面是在一起的。比如需要获取label标签的内容: ),来对其进行赋值、取值、事件绑定等操作,相比和原生的JS的区别只在于可以更方便的选取和操作DOM对象,那么,这样其中存在什么问题呢?我们知道数据和界面是在一起的。比如需要获取label标签的内容:(“lable”).val();,它还是依赖DOM元素的值。
    Vue则是通过Vue对象将数据和界面完全分离开来了。对数据进行操作不再需要引用相应的DOM对象,可以说数据和界面是分离的,他们通过Vue对象的实例实现相互的绑定。这就是传说中的MVVM。

  • 其次,我讲下渐进式与易用、灵活、高效方面的见解
    在过去,前端把页面数据提交到后端来处理业务逻辑、控制路由、渲染页面、图像等文件的缓存预处理、返回数据,这加重了后端服务器的压力。
    我们也清楚阿里云、腾讯云贵在了带宽资源。节省带宽显得尤为重要了。
    那么后端为了高效处理这些问题,发明了很多后端框架,比如PHP中的ThinkPHP、YII等,下载一个框架很大几十兆甚至几百兆,不管你有没有用到,全都
    包含进来,这样整个项目就显得非常臃肿,很笨重的感觉。导致用户体验也差,比如,有不同页面跳转有白屏,有进度条,等待时间长的问题。

  • Vue是怎么解决以上两大困难的呢?

    • 首先,为了节省服务器资源与带宽,把业务逻辑、控制路由、渲染页面、图像等文件的缓存预处理这几项工作放到了Vue中来解决,
      后端只需要做数据接口返回数据即可,颠覆性的告别了以前分布式服务的年代。
    • 其次,按需安装功能,像拼搭积木一样完成项目,做加法,而不是像后端框架去裁剪功能,做减法;
    • 第三,为了提高用户体验,采用单页面模式(SPA),不同页面间切换像是DIV在切换,让用户感觉是在用App,微信小程序就是借鉴了Vue的做法,来提高用户体验;
      数据采用状态管理缓存数据,这样不必每次都发Http请求到服务器获取数据了。

说到这里,相信大家都已经了解的很透彻了,心里没有问号了。到这里,可以说Vue是一套终极解决方案,未来很多项目都会用Vue来重构,毕竟:用户体验为王,留住用户,让用户喜欢你的产品才是一个企业的核心指导思想。

Vue能做出什么东西?

Vue是目前最流行,使用人数最多的前端框架,能胜任几乎所有的应用开发,比如:App跨平台开发(安卓与苹果)、小程序跨平台开发(微信、支付宝、QQ、抖音、头条)、大型Web项目开发、老项目重构(JAVA/PHP)、PC桌面应用软件(如微信PC版);

只会jquery如何学习Vue?

首先,jquery到vue转变是一个思想的转变,是将jquery直接操作dom的思想转变到操作数据上去。

Vue的优势?

近两年前端技术变革速度太快,vue不论针对web项目开发,网站制作,还是app,小程序开发,都越来越流行,其便捷性及易用程度都让你不得不考虑去学习。
如果仅仅还是传统的各种cms开源代码建站仿站,显然你的技术已经跟不上了,如果你开发的项目数据交互较多,并且前后端分离明显,
那么vue将会使你未来技术长足成长的不二选择。

组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展。
天然分层: JQuery 时代的代码大部分情况下是面条代码,耦合严重,现代框架不管是 MVC、MVP还是MVVM 模式都能帮助我们进行分层,代码解耦更易于读写。
生态: 现在主流前端框架都自带生态,不管是数据流管理架构还是 UI 库都有成熟的解决方案。

什么是Vue?为什么要学Vue?相关推荐

  1. 学java要学vue吗_学vue之前必看

    Vue学习 1.1 vue.js是什么? ​ Vue是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还便于 ...

  2. patch是什么意思啊_学 Vue 看这个就够了 - 什么是 Vue.js

    # 前言 作为还在漫漫前端学习路上的一位自学者.我以学习分享的方式来整理自己对于知识的理解,同时也希望能够给大家作为一份参考.希望能够和大家共同进步,如有任何纰漏的话,希望大家多多指正.感谢万分! 在 ...

  3. vue - blog开发学7

    vue - blog开发学7 将基本的项目部署到linux上(前后台只是实现了基本的功能,本次只是记录一些基本的开发流程,完善,等后续) 1.linux环境准备(我用的是阿里云服务器) ①jre.my ...

  4. vue process.env获取不到_从文档开始,重学vue(下)源码级别

    此篇文章主要是从应用及源码层面讲解vue部分常用api,阅读起来可能略有难度,新手可以看<从文档开始,重学vue(上)> 示例代码均在vue-cli3中完成 Vue.extend() 可以 ...

  5. 为什么 那么多 前端开发者都想学 Vue.js

    根据JavaScript 2017 前端库状况调查 Vue.js是开发者最想学的前端库.我在这里说明一下我为什么认为这也是和你一起通过使用 Vue 构建一个简单的 App 应用程序的原因. 我最近曾与 ...

  6. 有了vue为什么还学react?

    有了vue为什么还学react?因为react可弥补vue的不足.下面本篇文章就来给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. vue的优缺点 vue是Evan Y ...

  7. 新手学vue还是react?

    新手学vue还是react?下面本篇文章给大家分析一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 出身背景: react是facebook团队开发,2013.3月发布.目前版本 ...

  8. 为什么43%前端开发者想学Vue.js

    根据JavaScript 2017前端库状况调查 Vue.js是开发者最想学的前端库.我在这里说明一下我为什么认为这也是和你一起通过使用Vue构建一个简单的App应用程序的原因. 我最近曾与Evan ...

  9. 小白vue_web前端开发:新手学习前端应该先学vue还是react?

    新手学vue还是react?下面本篇文章给大家分析一下.有一定的参考价值,正在学习或者有需要的朋友可以参考一下,希望对大家有所帮助. 出身背景: react是facebook团队开发,2013.3月发 ...

  10. 刚学vue,写的一个入门demo,时光网

    vue写的一个移动端时光网 刚学vue不久,动手写了一个demo. 源代码 源代码地址:GitHub 技术栈 vue2 + vuex + vue-router + webpack + ES6 + sc ...

最新文章

  1. php购物车源码免费下载,php购物车源码
  2. 函数要多小才够好——谈小函数之道
  3. Android Studio调试时遇见Install Repository and sync project的问题
  4. java设计模式之模板模式
  5. opensource项目_Opensource.com生日快乐:开源7年
  6. 宠物也能买保险了!鼻纹识别就能建立专属电子档案
  7. Web 开发常备工具
  8. 【蓝桥杯】题目 1117: K-进制数
  9. Android 手势检测实战 打造支持缩放平移的图片预览效果(下)
  10. java实现车牌头像识别_LPR java车牌图像处理 输入一个车牌照片(不是整车的照片) - 下载 - 搜珍网...
  11. hdlbits刷题记录
  12. 计算机专业必须用英语口语要求,哪些专业需要英语口语考试
  13. 顶峰Android手机视频转换器,顶峰FLV视频转换器
  14. html点击冒泡事件,JavaScript 浏览器事件机制(捕获、冒泡、委托)
  15. Linux基础教程: 4、用户组和用户的创建
  16. mediasoup 管道通信类UnixStreamSocket分析
  17. 浅谈一下Program Files和Program Files(x86)
  18. (全网首发)谢惠民答案------谢惠民上下册习题解析
  19. Unity之新版输入系统InputSystem如何自定义InputActions
  20. 第五章 树16 AcWing 1628. 判断红黑树

热门文章

  1. 某网站返回数据加密的还原
  2. MD5的各种实现——也是醉了
  3. Linux下直播环境搭建OBS+bilibili-live-helper
  4. 苹果电脑如何使用pc键盘?
  5. 易维帮助台:搭建企业高效事件流程管理系统
  6. TensorFlow 机器学习秘籍第二版:1~5
  7. linux不能识别pvcreate命令,ubuntu – pvcreate:找不到设备/ dev / sdXX(或通过过滤忽略)...
  8. Android Button控件背景图片无法显示问题
  9. Python冷知识之神秘漫画!
  10. 基于SSM公寓房屋租赁系统(附论文)