首页
vue
TypeScript
JavaScript
scss
css3
html5
php
MySQL
redis
jQuery
位置:
vue 中文手册
vue 文档
vue 基础
vue 介绍
渐进式 JavaScript 框架
vue 安装使用
npm init vue@latest
vue 应用实例
createApp() 创建应用实例
模板语法
基于 HTML
响应式基础
reative()、ref()
深入响应式系统
代理 Proxy 和 访问器属性 getter/setter
计算属性
computed()
侦听器
watch()、watchEffect()
样式绑定
增强型 :class 和 :style
条件渲染
v-if v-show
列表渲染
v-for
事件处理
v-on 监听 DOM 事件
表单输入绑定
v-model 双向数据绑定
生命周期钩子
onBeforeMount()、onMounted()、 onBeforeUpdate()、 onUpdated()
模板引用 ref
ref 属性
vue 组件
组件基础
defineProps()、defineEmits()
组件注册
app.component() 注册全局组件,components 选项注册局部组件。
props 数据
父组件向子组件单向传递数据
组件事件
emit() 触发事件
attribute 透传
自动添加到根元素的 attribute 中
依赖注入
provide() 提供数据,inject() 接收数据
插槽 slot
传递模板片段
异步组件
defineAsyncComponent()
组件 v-model
双向绑定
vue 组件复用
组合式函数
封装和复用有状态逻辑
自定义指令
对底层 DOM 访问
插件
app.use()
vue 内置组件
Transition 过度
css 属性 transition、animation、transform
TransitionGroup 过渡组
动画技巧
KeepAlive 缓存组件
Teleport 传送模板
Suspense 异步依赖
TypeScript
TypeScript 总览
TypeScript 与组合式 API
TypeScript 与选项式 API
vue 进阶主题
使用 Vue 的多种方式
Vue 与 Web Components
组合式 API FAQ
渲染机制
虚拟 DOM
渲染函数 & JSX
h()、render()
响应性语法糖
单文件组合(SFC)
单文件组件
扩展名为 .vue 的单个文件,增加重复使用
SFC 语法规范
<script setup>
<style> 特性 CSS 功能
vue 规模化
路由
vue-router
状态管理
pinia
服务端渲染(SSR)
安全
性能优化
无障碍访问
开发测试
vue 风格指南
风格指南
优先级 A 的规则:必要的 (规避错误)
优先级 B 的规则:强烈推荐 (增强代码可读性)
优先级 C 的规则:推荐 (将选择和认知成本最小化)
优先级 D 的规则:谨慎使用 (潜在风险)