简单了解前端渐进式框架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 相关文章推荐
JS网络游戏-(模拟城市webgame)提供的一些例子下载
Oct 14 Javascript
google 搜索框添加关键字实现代码
Apr 24 Javascript
让ie运行js时提示允许阻止内容运行的解决方法
Oct 24 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
Mar 12 Javascript
JavaScript类型系统之布尔Boolean类型详解
Jun 26 Javascript
JQuery对ASP.NET MVC数据进行更新删除
Jul 13 Javascript
Vue中使用vux的配置详解
May 05 Javascript
Layui table 组件的使用之初始化加载数据、数据刷新表格、传参数
Sep 11 Javascript
微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】
Dec 12 Javascript
浅谈基于Vue.js的移动组件库cube-ui
Dec 20 Javascript
vue 组件间的通信之子组件向父组件传值的方式
Jul 29 Javascript
vue打包npm run build时候界面报错的解决
Aug 13 Javascript
基于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
地摊中国 - 珍藏老照片
2020/08/18 杂记
PHP session_start()问题解疑(详细介绍)
2013/07/05 PHP
PHP的preg_match匹配字符串长度问题解决方法
2014/05/03 PHP
php下载文件源代码(强制任意文件格式下载)
2014/05/09 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
2017/09/16 PHP
PHP代码覆盖率统计详解
2020/07/22 PHP
javascript 特性检测并非浏览器检测
2010/01/15 Javascript
工作需要写的一个js拖拽组件
2011/07/28 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
2011/09/29 Javascript
nodejs npm package.json中文文档
2014/09/04 NodeJs
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
JS实现仿QQ聊天窗口抖动特效
2015/05/10 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
2015/06/06 Javascript
javascript加减乘除的简单实例
2016/07/12 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
2016/12/13 Javascript
javascript正则表达式模糊匹配IP地址功能示例
2017/01/06 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
2017/12/06 jQuery
node 使用 async 控制并发的方法
2018/05/07 Javascript
Vue数据驱动表单渲染,轻松搞定form表单
2019/07/19 Javascript
微信小程序indexOf的替换方法(推荐)
2020/01/14 Javascript
Python使用PDFMiner解析PDF代码实例
2017/03/27 Python
python图形开发GUI库pyqt5的基本使用方法详解
2020/02/14 Python
python tkinter之 复选、文本、下拉的实现
2020/03/04 Python
关于Python 中的时间处理包datetime和arrow的方法详解
2020/03/19 Python
如何基于Python Matplotlib实现网格动画
2020/07/20 Python
html5实现完美兼容各大浏览器的播放器
2014/12/26 HTML / CSS
美国维生素、补充剂、保健食品购物网站:Vitacost
2016/08/05 全球购物
介绍一下结构化程序设计方法和面向对象程序设计方法的区别
2012/06/27 面试题
学生手册评语
2014/05/05 职场文书
促销活动总结怎么写
2014/06/25 职场文书
温馨提示标语
2014/06/26 职场文书
平安工地汇报材料
2014/08/19 职场文书
个性与发展自我评价
2015/03/06 职场文书
2015年基建工作总结范文
2015/05/23 职场文书
聊聊SpringBoot自动装配的魔力
2021/11/17 Java/Android
阿里云服务器Ubuntu 20.04上安装Odoo 15
2022/05/20 Servers