当前位置:首页 >专题 >Vue 3 专题

Vue 3 专题
Vue 3

Vue 3 专题

Vue 3 官方文档、组合式 API 与工程实战
Vue 3 是面向现代 Web 应用的渐进式 JavaScript 框架,常与组合式 API、单文件组件、Vite、Vue Router、Pinia 和 TypeScript 配合使用。本专题把官方学习入口与 17Golang 站内实战文章集中整理,覆盖从创建项目、响应式基础到组件协作、状态管理、资源构建和真实项目。

站内相关文章

组合式 API、组件协作、Vite、Pinia 与项目实践

MVVM与双向绑定实现原理详解
文章

MVVM与双向绑定实现原理详解

对比 Vue 2 的 Object.defineProperty 与 Vue 3 的 Proxy 响应式能力,理解 MVVM 和双向绑定基础。
Vue外部更新ref值技巧
文章

Vue外部更新ref值技巧

说明 app.mount 返回根组件实例,以及如何访问 setup 暴露的响应式数据。
Vite+Vue3:v-model父子组件传值报错?终极解决方案!
文章

Vite+Vue3:v-model父子组件传值报错?终极解决方案!

通过计算属性 getter/setter 和 update 事件解决 props 不可写问题,遵循 Vue 3 单向数据流。
Vue3多次调用与卸载应用:createApp与unmount方法详解
文章

Vue3多次调用与卸载应用:createApp与unmount方法详解

区分 createApp 返回的应用实例与 mount 返回的组件实例,正确执行动态挂载和卸载。
全局事件总线内存泄漏解决方法
文章

全局事件总线内存泄漏解决方法

使用 onBeforeUnmount 清理事件监听,并比较 mitt、provide/inject 与 defineEmits 的适用边界。
Vue动态图片路径问题及报错解决方法
文章

Vue动态图片路径问题及报错解决方法

讲解 Vue 3 + Vite 中 new URL 和 import.meta.glob 的动态资源处理方式及常见 404 排查。
Vue3Vite项目:public目录文件,这样读取才高效!
文章

Vue3Vite项目:public目录文件,这样读取才高效!

介绍 Vite public 目录与 import.meta.glob 的资源读取和构建行为。
使用Vue 3、Pinia和TypeScript创建一个轮播图组件的实际操作步骤
文章

使用Vue 3、Pinia和TypeScript创建一个轮播图组件的实际操作步骤

结合 script setup、TypeScript、Pinia、生命周期和全局组件实现可复用轮播图。
Workerman+Vue3实现实时弹幕教程
文章

Workerman+Vue3实现实时弹幕教程

使用 Workerman WebSocket 与 Vue 3 构建实时弹幕,处理协议、连接与前端消息展示。
ShapeFlags位运算标记解析与设计深度解读
文章

ShapeFlags位运算标记解析与设计深度解读

从 ShapeFlags 位运算理解 Vue 3 虚拟 DOM 的节点类型判断、性能与扩展设计。
Kimi助你高效编写Vue3组件代码
文章

Kimi助你高效编写Vue3组件代码

用 Kimi 辅助生成 Composition API、TypeScript SFC,并重构 composable 逻辑。

常见问题

Vue 3 入门、技术选型与迁移建议

Vue 3 新项目应该使用 Vite 还是 Vue CLI?

Vue 官方快速上手使用 create-vue 创建基于 Vite 的项目。新项目优先采用 Vite;只有维护既有 Vue CLI 工程或受旧插件约束时才继续使用 Vue CLI。

Vue 3 应该学习组合式 API 还是选项式 API?

两种 API 都受支持。完整单页应用通常优先学习组合式 API 与 script setup,便于 TypeScript、逻辑复用和大型组件维护;简单页面仍可使用选项式 API。

Vue 3 状态管理为什么推荐 Pinia?

Pinia 是 Vue 官方推荐的状态管理方案,API 简洁,支持 TypeScript、插件、开发工具和服务端渲染,适合共享跨页面或跨组件状态。

Vue 2 项目如何迁移到 Vue 3?

先盘点依赖和废弃 API,再按官方迁移指南处理应用创建、生命周期、v-model、事件与插件兼容。大型项目宜分阶段迁移并补充自动化测试。

微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码