简单了解前端渐进式框架VUE


Posted in Javascript onJuly 20, 2020

一、前端响应式框架VUE简介

  • Vue (读音 /vjuː/,类似于 view)
  • Vue的官方网站是:https://cn.vuejs.org/
  • 是中国的大神尤雨溪开发的,为数不多的国人开发的世界顶级开源软件
  • 是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。(下文会介绍什么是渐进式框架及自底向上逐层应用的概念)
  • MVVM响应式编程模型,避免直接操作DOM , 降低DOM操作的复杂性。

简单了解前端渐进式框架VUE

MVVM:页面输入改变数据,数据改变影响页面数据展示与渲染

  • M(model):普通的javascript数据对象
  • V(view):前端展示页面
  • VM(ViewModel):用于双向绑定数据与页面,对于我们的课程来说,就是vue的实例

二、VUE核心功能

  • 基础功能:页面渲染、表单处理提交、帮我们管理DOM(虚拟DOM)节点
  • 组件化开发:增强代码的复用能力,复杂系统代码维护更简单

简单了解前端渐进式框架VUE

  • 前端路由:更流畅的的用户体验、灵活的在页面切换已渲染组件的显示,不需与后端做多余的交互
  • 状态集中管理:MVVM响应式模型基础上实现多组件之间的状态数据同步与管理
  • 前端工程化:结合webpack等前端打包工具,管理多种静态资源,代码,测试,发布等,整合前端大型项目。

三、渐进式框架

简单了解前端渐进式框架VUE

笔者理解的“渐进式框架”也非常简单,就是用你想用或者能用的功能特性,你不想用的部分功能可以先不用。VUE不强求你一次性接受并使用它的全部功能特性。

  • 场景一:公司刚开始一个项目,技术人员对Vue的掌握也不足够。那么我们就不能使用VUE了么?当然不是,如果你只是使用VUE做些基础操作,如:页面渲染、表单处理提交功能,那还是非常简单的,成熟技术人员上手也就一两天。完全可以用它去代替jquery。并不需要你去引入其他复杂特性功能。
  • 场景二:我们项目用了VUE,使用的效果也挺好。那么我们想逐渐实现代码组件化,实现代码的复用,或者是基于组件原型的跨项目的代码复用。那么我们就可以引入VUE的components组件特性了。
  • 场景三:我们的项目规模逐渐的变大了,我们可能会逐渐用到前端路由、状态集中管理、并最终实现一个高度工程化的前端项目。这些功能特性我们可以逐步引入,当然不用也可以。

所以VUE的适用面很广,你可以用它代替老项目中的JQuery。也可以在新项目启动初期,有限的使用VUE的功能特性,从而降低上手的成本。 

以上就是简单了解前端渐进式框架VUE的详细内容,更多关于前端渐进式框架VUE的资料请关注三水点靠木其它相关文章!

Javascript 相关文章推荐
Jquery实现三层遍历删除功能代码
Apr 23 Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
Nov 12 Javascript
js处理php输出时间戳对不上号的解决方法
Jun 20 Javascript
Node.js中流(stream)的使用方法示例
Jul 16 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
无限循环轮播图之运动框架(原生JS实现)
Oct 01 Javascript
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
微信小程序实现倒计时补零功能
Jul 09 Javascript
JS函数进阶之prototy用法实例分析
Jan 15 Javascript
jquery简易手风琴插件的封装
Oct 13 jQuery
JavaScript 实现拖拽效果组件功能(兼容移动端)
Nov 11 Javascript
vue中利用mqtt服务端实现即时通讯的步骤记录
Jul 01 Vue.js
基于VSCode调试网页JavaScript代码过程详解
Jul 20 #Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
Jul 20 #Javascript
在Vue 中实现循环渲染多个相同echarts图表
Jul 20 #Javascript
解决echarts数据二次渲染不成功的问题
Jul 20 #Javascript
详细分析vue表单数据的绑定
Jul 20 #Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
Jul 20 #Javascript
mpvue 项目初始化及实现授权登录的实现方法
Jul 20 #Javascript
You might like
PHP文本数据库的搜索方法
2006/10/09 PHP
php 提速工具eAccelerator 配置参数详解
2010/05/16 PHP
php微信公众号开发(3)php实现简单微信文本通讯
2016/12/15 PHP
PHP面向对象程序设计__tostring()和__invoke()用法分析
2019/06/12 PHP
laravel5表单唯一验证的实例代码
2019/09/30 PHP
jQuery + Flex 通过拖拽方式动态改变图片的代码
2011/08/03 Javascript
html页面显示年月日时分秒和星期几的两种方式
2013/08/20 Javascript
Shell脚本实现Linux系统和进程资源监控
2015/03/05 Javascript
php利用curl获取远程图片实现方法
2015/10/26 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
2015/11/04 Javascript
jQuery使用JSONP实现跨域获取数据的三种方法详解
2017/05/04 jQuery
JavaScript设计模式之代理模式详解
2017/06/09 Javascript
Vue学习笔记进阶篇之过渡状态详解
2017/07/14 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
如何获取vue单文件自身源码路径
2019/05/06 Javascript
通过js给网页加上水印背景实例
2019/06/17 Javascript
使用vue for时为什么要key【推荐】
2019/07/11 Javascript
JS开发 富文本编辑器TinyMCE详解
2019/07/19 Javascript
javascript json对象小技巧之键名作为变量用法分析
2019/11/11 Javascript
python自动zip压缩目录的方法
2015/06/28 Python
python strip() 函数和 split() 函数的详解及实例
2017/02/03 Python
NLTK 3.2.4 环境搭建教程
2018/09/19 Python
Pandas:Series和DataFrame删除指定轴上数据的方法
2018/11/10 Python
使用CSS3实现圆角,阴影,透明
2014/12/23 HTML / CSS
Falconeri美国官网:由羊绒和羊毛制成的针织服装
2018/04/08 全球购物
医务人员自我评价
2014/01/26 职场文书
妇产医师自荐信
2014/01/29 职场文书
档案室主任岗位职责
2014/02/12 职场文书
安全生产月活动总结
2014/05/04 职场文书
闪闪的红星观后感
2015/06/08 职场文书
对领导班子的意见和建议
2015/06/08 职场文书
公司财务管理制度
2015/08/04 职场文书
2016春季田径运动会广播稿
2015/12/21 职场文书
先进基层党组织事迹材料2016
2016/02/29 职场文书
导游词之安徽醉翁亭
2020/01/10 职场文书
Pytorch 统计模型参数量的操作 param.numel()
2021/05/13 Python