Vue 概念、历史、发展和Vue简介

一、Vue概念

官方定义:

渐进式JavaScript 框架,易学易用,性能出色,适用场景丰富的 Web 前端框架。

Vue.js 是一个流行的前端JavaScript框架,由尤雨溪(Evan You)开发并维护。

它最初于2014年发布,旨在通过简化构建交互式Web界面的过程,提高开发效率。

自发布以来,Vue.js经历了多次迭代和重要更新,不断改进和扩展其功能。

二、Vue历史

  1. 起源与早期版本

2014年2月:Vue.js 0.12版本发布,这是一个早期的实验性版本。

2014年6月:Vue.js 1.0版本发布,这是第一个稳定的版本,标志着Vue.js的成熟。

  1. Vue.js 2.x 版本

2016年2月:Vue.js 2.0版本发布,引入了虚拟DOM、组件系统、指令系统等关键概念,极大地提升了性能和开发效率。

2017年9月:Vue.js 2.5版本发布,引入了CLI(命令行界面)工具和更好的TypeScript支持。

2018年12月:Vue.js 2.6版本发布,增加了对Web Components的支持、更好的TypeScript集成以及改进的过渡效果。

  1. Vue 3.x 版本

2020年9月:Vue.js 3.0版本发布,这是Vue历史上最重要的更新之一。它引入了Composition API,这是一种新的组件逻辑组织方式,旨在解决Vue 2中Options API的一些限制。此外,Vue 3采用了Proxy作为响应式系统的底层实现,提高了性能和响应性。

2021年9月:Vue.js 3.2版本发布,进一步改进了性能和开发体验,包括更快的编译器和更好的TypeScript支持。

三、Vue生态发展

随着Vue.js的发展,其生态系统也不断壮大。一些重要的项目包括:

**Vite:**一个下一代前端开发与构建工具,提供了极快的热重载。

Vue CLI:一个基于Vue.js的标准工具链,用于快速搭建项目。

**Vue Router:**官方路由管理器,用于构建单页面应用(SPA)。

Vuex:状态管理模式,用于管理应用中所有组件的状态。

Nuxt.js:基于Vue.js的服务器端渲染(SSR)框架。

Quasar Framework:一个高性能的Vue生态系统,支持开发跨平台应用(包括Web、移动端和桌面应用)。

四、Vue.Js 框架特点

轻量级的框架------Vue.js 能够自动追踪依赖的模板表达式和计算属性,提供 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API,使读者更加容易理解,能够更快上手。

双向数据绑定------声明式渲染是数据双向绑定的主要体现,同样也是 Vue.js 的核心,它允许采用简洁的模板语法将数据声明式渲染整合进 DOM。

指令------Vue.js 与页面进行交互,主要就是通过内置指令来完成的,指令的作用是当其表达式的值改变时相应地将某些行为应用到 DOM 上。

组件化------组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在 Vue 中,父子组件通过 props 传递通信,从父向子单向传递。子组件与父组件通信,通过触发事件通知父组件改变数据。这样就形成了一个基本的父子通信模式。在开发中组件和 HTML、JavaScript 等有非常紧密的关系时,可以根据实际的需要自定义组件,使开发变得更加便利,可大量减少代码编写量。组件还支持热重载(hotreload)。当我们做了修改时,不会刷新页面,只是对组件本身进行立刻重载,不会影响整个应用当前的状态。CSS 也支持热重载。

客户端路由------Vue-router 是 Vue.js 官方的路由插件,与 Vue.js 深度集成,用于构建单页面应用。Vue 单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来,传统的页面是通过超链接实现页面的切换和跳转的。

状态管理------状态管理实际就是一个单向的数据流,State 驱动 View 的渲染,而用户对 View 进行操作产生 Action,使 State 产生变化,从而使 View 重新渲染,形成一个单独的组件。

五、尤雨溪简介

计算机程序员

尤雨溪,Vue.js作者 ,复旦大学附属中学毕业。

人物经历

2014年2月,尤雨溪在Hacker News、Echo JS与Reddit的R和JavaScript版块上均发布了Vue.js的最早版本,发布后的一天之内,Vue.js就登上了这3个网站的首页,之后Vue.js成为GitHub上最受欢迎的开源项目之一。

更多:

Vue3.4+element-plus2.5 + Vite 搭建教程整理

Vite 下一代的前端工具链,前端开发与构建工具

基于Vue的移动端UI框架整理

相关推荐
Anlici11 分钟前
面试中 Promise 如何处理 event loop 🤩🤩
前端·面试·程序员
鱼樱前端12 分钟前
从基础到深入的AST(Abstract Syntax Tree,抽象语法树)解析,结合前端框架(Vue/React)及实际应用场景的技术详解
javascript·vue.js·react.js
二哈喇子!1 小时前
jQuery从入门到应用:选择器、DOM与Ajax综合指南
前端·javascript·ajax
我也爱吃馄饨1 小时前
Json实现深拷贝的缺点
前端·javascript·json
计算机学姐1 小时前
基于Asp.net的医院病历管理系统
vue.js·vscode·后端·mysql·sqlserver·c#·asp.net
计算机学姐1 小时前
基于Asp.net的汽车租赁管理系统
vue.js·后端·mysql·sqlserver·c#·汽车·asp.net
NoneCoder2 小时前
工程化与框架系列(35)--前端微服务架构实践
前端·微服务·架构
Cirrod2 小时前
react加antd封装表格单、多选组件,支持跨页选择缓存
javascript·react.js·缓存
洛祁枫2 小时前
前端发布缓存导致白屏解决方案
前端·缓存