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框架整理

相关推荐
QQ1__8115175151 小时前
Spring boot名城小区物业管理系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·vue.js·spring boot
钛态1 小时前
前端微前端架构:大项目的救命稻草还是自找麻烦?
前端·vue·react·web
一粒黑子1 小时前
【实战解析】阿里开源 PageAgent:纯前端 GUI Agent,一行JS让网页支持自然语言操控
前端·javascript·开源
独角鲸网络安全实验室1 小时前
2026微信小程序抓包全解析:从实操落地到合规风控,解锁前端调试新范式
前端·微信小程序·小程序·抓包·系统代理绕过·https证书严格校验·进程隔离
紫微AI1 小时前
前端文本测量成了卡死一切创新的最后瓶颈,pretext实现突破了
前端·人工智能·typescript
GISer_Jing1 小时前
AI前端(From豆包)
前端·aigc·ai编程
IT枫斗者1 小时前
前端部署后如何判断“页面是不是最新”?一套可落地的版本检测方案(适配 Vite/Vue/React/任意 SPA)
前端·javascript·vue.js·react.js·架构·bug
测试修炼手册1 小时前
[测试技术] 深入理解 JSON Web Token (JWT)
前端·json
AI老李1 小时前
2026 年 Web 前端开发的 8 个趋势!
前端
里欧跑得慢1 小时前
15. Web可访问性最佳实践:让每个用户都能平等访问
前端·css·flutter·web