简单了解前端渐进式框架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 相关文章推荐
JavaScript Memoization 让函数也有记忆功能
Oct 27 Javascript
详解JS 比较两个Json对象的值是否相等的实例
Nov 20 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
Nov 25 Javascript
AngularJS  双向数据绑定详解简单实例
Oct 20 Javascript
详解微信小程序开发之城市选择器 城市切换
Jan 17 Javascript
JavaScript数据结构之二叉树的计数算法示例
Apr 13 Javascript
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
Oct 16 Javascript
浅谈Node.js 子进程与应用场景
Jan 24 Javascript
基于vue.js中关于下拉框的值默认及绑定问题
Aug 22 Javascript
Bootstrap的aria-label和aria-labelledby属性实例详解
Nov 02 Javascript
JS扁平化输出数组的2种方法解析
Sep 17 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
Jun 22 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数组最大值,最小值的代码
2011/10/31 PHP
通过5个php实例细致说明传值与传引用的区别
2012/08/08 PHP
php实现将HTML页面转换成word并且保存的方法
2016/10/14 PHP
javascript 有用的脚本函数
2009/05/07 Javascript
onsubmit阻止form表单提交与onclick的相关操作
2010/09/03 Javascript
php实例分享之实现显示网站运行时间
2014/05/20 Javascript
PHP中使用微秒计算脚本执行时间例子
2014/11/19 Javascript
浅谈Unicode与JavaScript的发展史
2015/01/19 Javascript
JavaScript函数作用域链分析
2015/02/13 Javascript
详谈javascript中DOM的基本属性
2015/02/26 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
JavaScript浏览器对象之一Window对象详解
2016/06/03 Javascript
浅析JavaScript中命名空间namespace模式
2016/06/22 Javascript
Javascript闭包与函数柯里化浅析
2016/06/22 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
JavaScript  event对象整理及详细介绍
2016/10/10 Javascript
JavaScript中的ajax功能的概念和示例详解
2016/10/17 Javascript
ajax分页效果(bootstrap模态框)
2017/01/23 Javascript
Angular2 组件通信的实例代码
2017/06/23 Javascript
解决vue-router中的query动态传参问题
2018/03/20 Javascript
详解webpack-dev-server的简单使用
2018/04/02 Javascript
基于html+css+js实现简易计算器代码实例
2020/02/28 Javascript
JavaScript随机数的组合问题案例分析
2020/05/16 Javascript
AJAX XMLHttpRequest对象创建使用详解
2020/08/20 Javascript
python 列表删除所有指定元素的方法
2018/04/19 Python
python中str内置函数用法总结
2020/12/27 Python
联想台湾官网:Lenovo TW
2018/05/09 全球购物
Abbacino官网:包、钱包和女士配饰
2019/04/15 全球购物
优秀员工个人的自我评价
2013/11/29 职场文书
护理专业自我鉴定
2014/01/30 职场文书
电力培训心得体会
2014/09/02 职场文书
销售代理协议书
2014/09/30 职场文书
义诊活动总结
2015/02/04 职场文书
公司行政主管岗位职责
2015/04/09 职场文书
教师研修随笔感言
2015/11/18 职场文书
MySQL多表查询机制
2022/03/17 MySQL