Vue

Tip：

• Vue 2 已于 2023 年 12 月 31 日停止维护。
• https://cn.vuejs.org/guide/introduction.html

简介

什么是 Vue？

Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。

Vue 的两个核心功能

• 声明式渲染：Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。

• 响应性：Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。

渐进式框架

Vue 是一个框架，也是一个生态。其功能覆盖了大部分前端开发常见的需求。但 Web 世界是十分多样化的，不同的开发者在 Web 上构建的东西可能在形式和规模上会有很大的不同。考虑到这一点，Vue 的设计非常注重灵活性和“可以被逐步集成”这个特点。根据你的需求场景，你可以用不同的方式使用 Vue：

• 无需构建步骤，渐进式增强静态的 HTML
• 在任何页面中作为 Web Components 嵌入
• 单页应用 (SPA)
• 全栈 / 服务端渲染 (SSR)
• Jamstack / 静态站点生成 (SSG)
• 开发桌面端、移动端、WebGL，甚至是命令行终端中的界面

发展历程

1. vue.js框架演进的过程

# 1
vue.js 1.x - 引入了虚拟DOM - vue.js 2.x

2. vue.js 3.0 主要做了哪些优化

2.1 源码优化

源码优化主要体现在使用 monorepo 和 TypeScript 管理和开发源码 这样做的目标是提升自身代码可维护性

2.1.1 更好的代码管理方式：monorepo

Vue.js 2.x的目录结构：

其它

• 脚手架
• 封装组件并发布到npm仓库