website

Vue Docs

所属分类:开发者在线工具箱

Vue.js 框架的官方指南、交互式 Playground 与 API 参考。

Vue Docs 是 Vue.js 框架的官方文档站,内容包括入门指南、分章节的教程、交互式 Playground 和完整的 API 参考。站内的入门页写明,它面向已经熟悉 HTML、CSS 和 JavaScript 的读者,文档标明针对的是 Vue 3。

Vue Docs:Vue 3 的指南、交互式 Playground 与 API 参考

发布于 2026年10月18日更新于 2026年10月29日

首页的定位与 Vue 2 提示

Vue.js 首页的标题是 “The Progressive JavaScript Framework”,正文称它是一个易于上手、性能良好且用途广泛的网页用户界面框架。首页用三组短句说明它的特点:生态可以从小型库逐步扩展到完整框架;建立在标准 HTML、CSS 和 JavaScript 之上;响应式渲染系统由编译器优化,通常不需要手动调整性能。

首页按钮区有 Why Vue、Get Started、Install 三个入口,另有一个 “Get Security Updates for Vue 2” 按钮。入门页的提示写明,Vue 2 的支持已于 2023 年 12 月 31 日结束,从 Vue 2 升级的读者可以查看迁移指南。

Vue.js 官网首页,中央是 The Progressive JavaScript Framework 标题,下方是 Why Vue、Get Started、Install 三个按钮和 Get Security Updates for Vue 2 按钮,再下面是 Versatile、User-friendly、Efficient 三项特点

指南:从第一个组件开始

指南的入门页 Introduction 以一个计数按钮示例说明 Vue 的基本写法:用 createApp 和 ref 声明状态,在模板中用 {{ count }} 显示数字,并用 @click 绑定点击事件。页面据此归纳了两项核心能力,即声明式渲染与响应式,前者把 HTML 模板与 JavaScript 状态连接起来,后者在状态变化时自动更新页面。

入门页还说明 Vue 可以按需求逐步采用:既可以直接增强静态 HTML,也可以作为 Web Components 嵌入任意页面,或者构建完整的单页应用。页面提供 Composition API 与 Options API 的切换开关,并标明 Vue 的 API 风格默认为 Composition API。

左侧目录把指南分为几个阶段。Essentials 讲模板语法、响应式基础、计算属性、列表渲染、事件处理、表单输入绑定和组件基础;Components In-Depth 讲组件注册、Props、事件、插槽、provide / inject、异步组件、组合式函数和内置组件;Scaling Up 讲单文件组件、路由、状态管理、测试、服务端渲染和生产部署。

API 参考的组织方式

API 参考页顶部有一个关键词过滤框,正文按类别列出函数和属性。Global API 下分为 Application 和 General 两组,前者包括 createApp()、app.mount()、app.use()、app.config 等应用实例方法,后者包括 nextTick()、defineComponent() 与 defineAsyncComponent()。

Composition API 一节包含 setup(),以及 ref()、computed()、reactive()、watch() 等响应式函数。Options API 一节按 State、Rendering 和 Lifecycle 分组列出 data、props、computed、methods 等选项。页面后半部分还有服务端渲染函数、TypeScript 工具类型、自定义渲染器和编译期开关等内容。

Vue.js API 参考页面,页面标题为 API Reference,顶部有 Filter 搜索框,下方以 Global API 分组列出 Application 与 General 下的函数和属性

Playground 与生态入口

Vue 官网顶部导航有 Playground 入口,链接到 play.vuejs.org。官网的生态部分还列出 Vue Router、Pinia 等官方库,以及工具指南、视频课程和主题、组件库等社区资源,读者可以在阅读指南时转到这些项目的文档。