前端开发
1. Vue 是什么(#vue-%E6%98%AF%E4%BB%80%E4%B9%88) 2. 安装与项目创建(#%E5%AE%89%E8%A3%85%E4%B8%8E%E9%A1%B9%E7%9B%AE%E5%88%9B%E5%BB%BA) 3. 项目结构(#%E9%A1%B9%E7%9B%AE%E7%BB%93%E6%9E%84) 4. .vue 文件结构(#vue-%E6%96%87%E4%BB%B6%E7%BB%93%E6%9E%84) 5. 响应式基础(#%E5%93%8D%E5%BA%94%E5%BC%8F%E5%9F%BA%E7%A1%80
前端开发
相关文档：Vue3入门(/vue-3-ru-men-zhi-nan/) | TypeScript完全指南(/typescript-wan-quan-zhi-nan/) | TypeScript最佳实践(/typescript-zui-jia-shi-jian/) | Pinia完全指南(/pinia-wan-quan-zhi-nan/) | Vue Router完全指南(/vue-router-wan-quan-zhi-nan/) 1. 概述(#%E6%A6%82%E8%BF%B0) 2. 项目搭建与工具链(#%E4%B8%80%E3%80%81%E9%
前端开发
Vue Router 4 是 Vue 3 的官方路由库，与 Vue 3 的 Composition API 深度集成。 createWebHistory 可传入 base 参数，例如 createWebHistory('/app/')，适合应用部署在子路径下。 子路由的 path 不需要以 / 开头，父组件模板中必须包含 <RouterView>。 通过 TypeScript 模块扩充声明，为 meta 添加类型约束： router.push() 参数与 <RouterLink to=""> 完全一致，均接受 RouteLocationRaw： 当路由从
前端开发
PrimeVue 是 PrimeTek 出品的 Vue 3 UI 组件库，提供 90+ 开箱即用的组件。v4 在 v3 基础上进行了重大架构调整：以 CSS 变量和设计令牌体系替代了 SASS 主题，并引入了 PassThrough（PT）API 实现完全无样式模式。 PrimeVue v4 提供三种开箱即用的主题预设： CSS 变量命名规则：--p-{组件}-{属性}，如 --p-button-background。 在 main.ts 中引用： PassThrough API 允许将自定义属性、类名、样式注入到组件内部任意 DOM 节点，无需覆盖 C
前端开发
相关文档：Vue3入门(/vue-3-ru-men-zhi-nan/) TanStack Query 完全指南(/tanstack-query-wan-quan-zhi-nan/) Axios完全指南(/axios-wan-quan-zhi-nan/) Pinia 是 Vue 官方推荐的状态管理库，是 Vuex 的继任者。 Pinia 支持两种风格：选项式（类 Vuex）和 Setup（推荐）。 每个 Store 只管理一类数据，不要创建一个大而全的 Store： 用 TanStack Query 管理服务端数据（自动缓存、失效），Store 只管理真正
前端开发
Nuxt 3 是基于 Vue 3 的全栈框架，内置 SSR、SSG、文件路由、自动导入等能力。底层使用 Nitro 服务器引擎和 Vite 构建工具。 在 nuxt.config.ts 中配置渲染模式： pages/ 目录下的 .vue 文件自动生成路由，规则如下： 动态路由示例： 捕获所有路由（...slug.vue）： 在页面中指定布局： <NuxtLink> 是对 Vue Router <RouterLink> 的封装，增加了预取等能力。 useFetch 是 Nuxt 对 $fetch 的封装，自动处理 SSR 去重、响应式和 TypeScrip