当前位置： 首页 > article >正文

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

article 2026/3/7 13:56:20

一、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的成熟。

2. 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集成以及改进的过渡效果。

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

相关文章：

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

一、Vue概念 官方定义： 渐进式JavaScript 框架，易学易用，性能出色，适用场景丰富的 Web 前端框架。 Vue.js 是一个流行的前端JavaScript框架，由尤雨溪（Evan You）开发并维护。 它最初于2014年发…...

编程日记 2026/2/14 22:01:00

【从零开始学习计算机科学】信息安全（二）物理安全

【从零开始学习计算机科学】信息安全（二）物理安全 物理安全物理安全的涵义物理安全威胁常见物理安全问题物理安全需求规划物理安全需求设备安全防盗和防毁机房门禁系统机房入侵检测和报警系统防电磁泄漏防窃听设备管理设备维护设备的处置和重复利用设备的转移电源安全电源调整…...

编程日记 2026/3/1 0:22:12

LeetCode hot 100—验证二叉搜索树

题目 给你一个二叉树的根节点 root ，判断其是否是一个有效的二叉搜索树。 有效 二叉搜索树定义如下： 节点的左子树只包含 小于 当前节点的数。节点的右子树只包含 大于 当前节点的数。所有左子树和右子树自身必须也是二叉搜索树。 示例 示例 1&#…...

编程日记 2026/3/6 7:23:47

【商城实战(39)】Spring Boot 携手微服务，商城架构焕新篇

【商城实战】专栏重磅来袭！这是一份专为开发者与电商从业者打造的超详细指南。从项目基础搭建，运用 uniapp、Element Plus、SpringBoot 搭建商城框架，到用户、商品、订单等核心模块开发，再到性能优化、安全加固、多端适配&#xf…...

编程日记 2026/2/27 12:57:50

MongoDB 可观测性最佳实践

MongoDB 介绍 MongoDB 是一个高性能、开源的 NoSQL 数据库，它采用灵活的文档数据模型，非常适合处理大规模的分布式数据。MongoDB 的文档存储方式使得数据结构可以随需求变化而变化，提供了极高的灵活性。它支持丰富的查询语言，允许…...

编程日记 2026/3/1 7:24:11

论文阅读笔记——LORA: LOW-RANK ADAPTATION OF LARGE LANGUAGE MODELS

LoRA 论文 传统全面微调&#xff0c;对每个任务学习的参数与原始模型相同&#xff1a; m a x Φ ∑ ( x , y ) ∈ Z ∑ t 1 ∣ y ∣ l o g ( P Φ ( y t ∣ x , y < t ) ) 式(1) max_{\Phi}\sum_{(x,y)\in Z}\sum^{|y|}_{t1}log(P_{\Phi}(y_t|x,y<t)) \qquad \text{式(…...

编程日记 2026/3/3 6:01:44

UE5中 Character、PlayerController、PlayerState、GameMode和GameState核心类之间的联动和分工·

1. GameMode 与 GameState 关系描述 GameMode&#xff1a;定义游戏规则和逻辑&#xff0c;控制游戏的开始、进行和结束。GameState&#xff1a;存储和同步全局游戏状态&#xff0c;如得分、时间、胜利条件等。 联动方式 GameMode初始化GameState&#xff1a;GameMode在游戏…...

编程日记 2026/3/7 0:27:17

Redis的IO多路复用机制：高效的网络通信设计

在高并发、高性能的应用中&#xff0c;如何有效地管理和处理大量的客户端请求是一个至关重要的问题。Redis作为一个高性能的内存数据存储系统&#xff0c;面对大量并发客户端请求时&#xff0c;需要具备良好的网络通信能力。在Redis的设计中&#xff0c;IO多路复用机制是其核心…...

编程日记 2026/2/16 12:12:15

Ubuntu24.04 启动后突然进入tty，无法进入图形界面

问题描述 昨晚在编译 Android AOSP 14 后&#xff0c;进入了登录页面&#xff0c;但出现了无法输入密码的情况&#xff0c;且无法正常关机&#xff0c;只能强制重启。重启后&#xff0c;系统只能进入 TTY 页面&#xff0c;无法进入图形界面。 问题排查 经过初步排查&#x…...

编程日记 2026/3/6 20:40:55

搭建主从服务器

任务需求 客户端通过访问 www.nihao.com 后&#xff0c;能够通过 dns 域名解析&#xff0c;访问到 nginx 服务中由 nfs 共享的首页文件&#xff0c;内容为&#xff1a;Very good, you have successfully set up the system. 各个主机能够实现时间同步&#xff0c;并且都开启防…...

编程日记 2026/3/6 10:03:47

jenkins 配置邮件问题整理

版本&#xff1a;Jenkins 2.492.1 插件&#xff1a; A.jenkins自带的&#xff0c; B.安装功能强大的插件 配置流程&#xff1a; 1. jenkins->系统配置->Jenkins Location 此处的”系统管理员邮件地址“&#xff0c;是配置之后发件人的email。 2.配置系统自带的邮件A…...

编程日记 2026/3/2 4:57:40

Scala语言的计算机基础

Scala语言的计算机基础 计算机科学是一门极具挑战性和创造力的学科&#xff0c;其中编程语言是连接人类与计算机的桥梁。Scala&#xff08;特指可扩展语言&#xff09;作为一种现代编程语言&#xff0c;其设计初衷是为了简化软件开发过程&#xff0c;并结合了面向对象和函数式…...

编程日记 2026/2/15 14:53:14

定义模型生成数据表

1. 数据库配置 js import { Sequelize, DataTypes } from sequelize; // 创建一个 Sequelize 实例&#xff0c;连接到 SQLite 数据库。 export const sequelize new Sequelize(test, sa, "123456", { host: localhost, dialect: sqlite, storage: ./blog.db })…...

编程日记 2026/2/23 7:33:58

JVM中常量池和运行时常量池、字符串常量池三者之间的关系

文章目录 前言常量池&#xff08;Constant Pool&#xff09;运行时常量池&#xff08;Runtime Constant Pool&#xff09;字符串常量池&#xff08;String Literal Pool&#xff09;运行时常量池和字符串常量池位置变化方法区与永久代和元空间的关系三者之间的关系常量池与运行…...

编程日记 2026/3/6 22:25:40

KV 缓存简介

以下是关于 KV缓存&#xff08;Key-Value Cache&#xff09; 的简介&#xff0c;涵盖其定义、原理、作用及优化意义&#xff1a; 1. 什么是KV缓存&#xff1f; KV缓存 是Transformer架构&#xff08;如GPT、LLaMA等大模型&#xff09;在自回归生成任务&#xff08;如文本生成&…...

编程日记 2026/3/5 20:27:29

Mysql篇——SQL优化

本篇将带领各位了解一些常见的sql优化方法&#xff0c;学到就是赚到&#xff0c;一起跟着练习吧~ SQL优化 准备工作 准备的话我们肯定是需要一张表的&#xff0c;什么表都可以&#xff0c;这里先给出我的表结构&#xff08;表名&#xff1a;userinfo&#xff09; 通过sql查看…...

编程日记 2026/3/6 23:18:51

算法基础 -- ARM 体系架构设计专家的算法提升目标

算法提升目标:ARM 体系架构设计专家 1. 位运算优化 相关 ARM 知识点&#xff1a;SIMD、NEON、SVE、低功耗优化、加密计算、数据压缩 推荐题目&#xff1a; 136. 只出现一次的数字&#xff08;异或运算&#xff09;190. 颠倒二进制位&#xff08;位反转&#xff0c;ARM rbit…...

编程日记 2026/2/27 15:32:17

不同开发语言对字符串的操作

一、字符串的访问 Objective-C: 使用 characterAtIndex: 方法访问字符。 NSString *str "Hello, World!"; unichar character [str characterAtIndex:0]; // 访问第一个字符 H NSLog("%C", character); // 输出: H NSString 内部存储的是 UTF-16 编…...

编程日记 2026/2/16 12:21:55

Oracle Linux Server 7.9安装fail2ban

yum search oracle-epel-release yum install oracle-epel-release-el7 search fail2ban yum install fail2ban nano /etc/fail2ban/jail.d/00-firewalld.conf # defalut这里是设定全局设置&#xff0c;如果下面的监控没有设置就以全局设置的值设置。 [DEFAULT] # 用于指定哪…...

编程日记 2026/2/16 12:23:35

FPGA|Verilog-SPI驱动

最近准备蓝桥杯FPGA的竞赛&#xff0c;因为感觉官方出的IIC的驱动代码思路非常好&#xff0c;写的内容非常有逻辑并且规范。也想学习一下SPI的协议&#xff0c;所以准备自己照着写一下。直到我打开他们给出的SPI底层驱动&#xff0c;我整个人傻眼了&#xff0c;我只能说&#x…...

编程日记 2026/2/25 23:21:48

Windows11 新机开荒（二）电脑优化设置

目录 前言&#xff1a; 一、注册微软账号绑定权益 二、此电脑 桌面图标 三、系统分盘及默认存储位置更改 3.1 系统分盘 3.2 默认存储位置更改 四、精简任务栏 总结&#xff1a; 前言&#xff1a; 本文承接上一篇 新机开荒&#xff08;一&#xff09; 上一篇文章地址&…...

编程日记 2026/3/3 6:34:09

关于deepseek R1模型分布式推理效率分析

1、引言 DeepSeek R1 采用了混合专家&#xff08;Mixture of Experts&#xff0c;MoE&#xff09;架构&#xff0c;包含多个专家子网络&#xff0c;并通过一个门控机制动态地激活最相关的专家来处理特定的任务 。DeepSeek R1 总共有 6710 亿个参数&#xff0c;但在每个前向传播…...

编程日记 2026/2/27 17:15:33

揭秘大数据 | 9、大数据从何而来？

在科技发展史上&#xff0c;恐怕没有任何一种新生事物深入人心的速度堪比大数据。 如果把2012年作为数据量爆发性增长的第一年&#xff0c;那么短短数年&#xff0c;大数据就红遍街头巷尾——从工业界到商业界、学术界&#xff0c;所有的行业都经受了大数据的洗礼。从技术的迭…...

编程日记 2026/3/6 20:51:22

使用Dependency Walker和Beyond Compare快速排查dll动态库损坏或被篡改的问题

目录 1、问题描述 2、用Dependency Walker工具打开qr.dll库&#xff0c;查看库与库的依赖关系以及接口调用情况&#xff0c;定位问题 3、使用Beyond Compare工具比较一下正常的msvcr100d.dll和问题msvcr100d.dll的差异 4、最后 C软件异常排查从入门到精通系列教程&#xff…...

编程日记 2026/2/15 1:28:44

3.14学习总结 排序算法

插入排序&#xff1a; 1.直接插入排序 维护一个有序区&#xff0c;把元素一个个插入有序区的适当位置&#xff0c;直到所有元素都有序为止。 for (int i 0;i < n - 1;i) {//升序int end i;int temp k[end 1];while (end > 0) {if (temp < k[end]) {k[end 1] …...

编程日记 2025/12/25 4:02:43

Hadoop、Spark、Flink Shuffle对比

一、Hadoop的shuffle 前置知识&#xff1a; Map任务的数量由Hadoop框架自动计算&#xff0c;等于分片数量&#xff0c;等于输入文件总大小 / 分片大小&#xff0c;分片大小为HDFS默认值128M&#xff0c;可调 Reduce任务数由用户在作业提交时通过Job.setNumReduceTasks(int)设…...

编程日记 2026/2/27 17:21:40

本地部署 RAGFlow - 修改默认端口

本地部署 RAGFlow - 修改默认端口 1. 前提条件2. 部署 RAGFlow 1. 前提条件 确保 vm.max_map_count 不小于 262144&#xff1a; 如需确认 vm.max_map_count 的大小&#xff1a; sysctl vm.max_map_count如果 vm.max_map_count 的值小于 262144&#xff0c;可以进行重置&…...

编程日记 2026/2/27 20:53:39

repo init 错误 Permission denied (publickey)

一、已经生成ssh-key并设置到gerrit上 二、已经设置.gitconfig &#xff08;此步骤是公司要求&#xff0c;设置gerrit地址为一个别名之类的&#xff0c;有的公司不需要&#xff09; 然后出现下面的错误&#xff0c;最后发现忘记设置git的用户名和邮箱 1. git config --globa…...

编程日记 2026/2/15 14:27:11

Django settings.py 文件全解析

本篇详细介绍 Django settings.py 文件各个配置项的教程&#xff0c;涵盖核心配置项的作用及最佳实践 一、基础配置 1. ​BASE_DIR BASE_DIR Path(__file__).resolve().parent.parent​作用&#xff1a;项目根目录路径&#xff0c;用于构建其他路径&#xff08;如模板、静态…...

编程日记 2026/2/16 12:16:39

TSB - AD 解读 — 迈向可靠、透明的 TSAD 任务

目录 一 文章动机 二 TSAD 领域内的两类缺陷 三 数据集的构建 四 实验结果及结论 项目宣传链接&#xff1a;TSB-AD 代码链接&#xff1a; TheDatumOrg/TSB-AD: TSB-AD: Towards A Reliable Time-Series Anomaly Detection Benchmark 原作者解读&#xff1a;NeurIPS 2…...

编程日记 2026/3/2 3:01:24