墨鸦的博客

官方给出的概念：**Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端框架。**它基于标准HTML、CSS 和 JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面。与其它大型框架不同的是，Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。同时，Vue 也完全有能力支持采用 SPA 设计和组合其他 Vue 生态的系统。

对于复杂或跨页面的数据传递，推荐使用状态管理库（Pinia/Vuex）。Vuex：Vuex 是 Vue.js 官方的状态管理库。采用了 Flux 的思想，提供了一个集中式存储，允许组件以不同的方式共享状态。State: 应用的状态存储。Getters: 类似于计算属性，用于计算基于状态的派生状态。Mutations: 处理状态的唯一方式，直接修改状态。Actions: 进行异步操作，并提交 Mutations。Pinia：Pinia 是一个新兴的状态管理库，也是 Vue.js 的官方推荐替代方案。

Vue Router 是 Vue 官方的客户端路由解决方案，与 Vue.js 核心深度集成，用于构建单页面应用(SPA)。Vue Router 基于 Vue 的组件系统构建，可以通过配置路由来告诉 Vue Router 为每个 URL 路径显示哪些组件。嵌套路由映射动态路由选择模块化、基于组件的路由配置路由参数、查询、通配符展示由 Vue.js 的过渡系统提供的过渡效果细致的导航控制自动激活 CSS 类的链接HTML5 history 模式或 hash 模式。

在 Vite 中使用 Terser 插件可以对 JavaScript 代码进行压缩和混淆处理，通常用于生产环境构建优化。如果 Vite 版本 ≥3.0，直接在配置中使用即可，无需安装此插件。

Element-Plus 在 Element UI 的基础上进行了升级和优化，提供了更加丰富和强大的组件库。它基于 Vue 3.0 构建，并使用了 TypeScript 进行编写，为开发者提供了类型提示和代码补全等增强功能。Element-Plus 的组件设计简洁明了，易于使用，同时提供了丰富的 API 和插槽，方便开发者进行定制和扩展。其他组件使用方式类似，需要什么类型的组件就从官网 copy 代码进行修改即可使用。Element-Plus 是一套为开发者、设计师和产品经理准备的基于。

Apifox 前后置操作 & 脚本基本使用指南

JavaScript 入门指南（三）BOM 对象和 DOM 对象

JavaScript 入门指南（二）JavaScript 的数据类型

JavaScript 入门指南（一）简介及基础语法

CSS 入门指南（二）CSS 常用样式及注册页面案例

CSS 入门指南（一）CSS 概述

HTML 入门指南