简单了解前端渐进式框架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 相关文章推荐
7个Javascript地图脚本整理
Oct 20 Javascript
JQuery 将元素显示在屏幕的中央的代码
Feb 27 Javascript
老鱼 浅谈javascript面向对象编程
Mar 04 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 06 Javascript
JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
Sep 12 Javascript
javascript 学习笔记(六)浏览器类型及版本信息检测代码
Apr 08 Javascript
PHP结合jQuery实现红蓝投票功能特效
Jul 22 Javascript
莱鸟介绍window.print()方法
Jan 06 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
JavaScript必知必会(十) call apply bind的用法说明
Jun 08 Javascript
JS实现旋转木马轮播图
Jan 01 Javascript
js实现视图和数据双向绑定的方法分析
Feb 05 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
php中计算程序运行时间的类代码
2012/11/03 PHP
Zend的MVC机制使用分析(二)
2013/05/02 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
ie和firefox中img对象区别的困惑
2006/12/27 Javascript
Javascript正则控制文本框只能输入整数或浮点数
2014/09/02 Javascript
JS实现1000以内被3或5整除的数字之和
2016/02/18 Javascript
Bootstrap页面布局基础知识全面解析
2016/06/13 Javascript
JavaScript实现的XML与JSON互转功能详解
2017/02/16 Javascript
Angular2搜索和重置按钮过场动画
2017/05/24 Javascript
浅谈在node.js进入文件目录的问题
2018/05/13 Javascript
AngularJS $http post 传递参数数据的方法
2018/10/09 Javascript
解决JS表单验证只有第一个IF起作用的问题
2018/12/04 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
2019/08/16 Javascript
JavaScript 预解析的4种实现方法解析
2019/09/03 Javascript
Python在Console下显示文本进度条的方法
2016/02/14 Python
Python保存MongoDB上的文件到本地的方法
2016/03/16 Python
Python入门_学会创建并调用函数的方法
2017/05/16 Python
Django在pycharm下修改默认启动端口的方法
2019/07/26 Python
在Python中使用MySQL--PyMySQL的基本使用方法
2019/11/19 Python
如何基于Python实现自动扫雷
2020/01/06 Python
Pycharm学生免费专业版安装教程的方法步骤
2020/09/24 Python
幼儿园教研活动方案
2014/01/19 职场文书
乡下人家教学反思
2014/02/01 职场文书
大学生学年自我鉴定
2014/02/10 职场文书
我的大学生活演讲稿
2014/04/25 职场文书
劳动竞赛口号
2014/06/16 职场文书
运动会广播稿200字(10篇)
2014/10/12 职场文书
辩护词范文大全
2015/05/21 职场文书
演讲稿之开卷有益
2019/08/07 职场文书
《家》读后感:万惜拯救,冷暖自知
2019/09/25 职场文书
html+css实现分层金字塔的实例
2021/06/02 HTML / CSS
CSS Transition通过改变Height实现展开收起元素
2021/08/07 HTML / CSS
mysql5.7的安装及Navicate长久免费使用的实现过程
2021/11/17 MySQL
实操Python爬取觅知网素材图片示例
2021/11/27 Python
Mysql分库分表之后主键处理的几种方法
2022/02/15 MySQL
OpenCV项目实践之停车场车位实时检测
2022/04/11 Python