适用于需“部分状态持久化”“加密存储”或“自定义存储时机”的场景，通过 Pinia 的onMounted（Store 初始化）和watch（状态变化）实现。userStore持久化用户 ID 和 Token（加密存储）// src/utils/encryption.js（简易加密工具，实际项目推荐用 CryptoJS）// 简单 Base64 加密（生产环境需用 AES 等强加密）try {ret

【代码】【Vue3】【笔记】----第二章：Vue3 响应式系统（从原理到实战落地）

【代码】【Vue3】【笔记】----第一章：Vue3 基础入门与环境搭建（从0到1建立认知）

Vue3组合式API通过<script setup>语法糖解决了Options API逻辑分散的问题，使相关代码更聚合。核心功能包括computed（计算属性）、watch（监听数据变化）和watchEffect（自动依赖追踪）。通过组合式函数（如useCounter）可实现逻辑复用，提升代码可维护性。实战案例展示了如何用组合式API开发TodoList，包括数据管理、功能实现和组件拆

Vue3 项目是单页应用（SPA），部署时需解决“路由刷新404”“资源访问路径”两个核心问题，推荐用 Nginx 作为服务器。Vue3 项目推荐用 Vite 构建（比 Webpack 更快），通过修改。项目优化不是“锦上添花”，而是上线前的“必备步骤”——核心目标是。（减少线上报错），最终提升用户体验和搜索引擎排名（SEO）。：对“首屏必需的资源”（如核心 JS、CSS、字体）用。（让页面加载/

【代码】【Vue3】【笔记】----第五章：Vue3 状态管理（Pinia 从入门到实战）

【代码】【Vue3】【笔记】----第十一章：Vue3 开发规范手册（工程化与团队协作指南）

路由懒加载通过“按需加载”——只有当用户访问该路由时，才加载对应的组件JS文件，减小首屏加载体积。路由守卫是“路由跳转前后执行的钩子函数”，可用于权限控制（如未登录拦截到登录页）、页面标题修改、埋点统计等场景。当多个页面有相同的“公共布局”（如左侧菜单、顶部导航），可通过嵌套路由实现——公共布局作为“父路由组件”，不同内容作为“子路由组件”，渲染到父组件的。动态路由用于匹配“路径规则相同但参数不同

本文系统介绍了Vue3组件通信的多种方式，从基础到复杂场景。主要内容包括： 基础父子通信：通过Props实现父传子，使用Emit完成子传父； 进阶通信方案：利用provide/inject解决跨层级通信，通过mitt库或父组件中转实现兄弟组件通信； 全局状态管理：推荐使用Pinia处理无直接关系组件的共享数据； 实战案例：以商品筛选功能为例，展示多组件通过Props/Emit和父组件中转实现数据联

在 Vue3 项目中，异步请求（如调用后端接口获取数据）是核心需求，是最常用的 HTTP 客户端，它支持请求拦截、响应拦截、取消请求等功能，比原生fetch更易用、更强大。