框架

Vue.js 快速参考

Vue.js 快速参考 的可打印速查表,适合快速查阅、学习和桌边参考

来源
Vue.js Documentation (vuejs.org)
许可证
MIT
更新时间
2026-03-27

示例

速查表包含什么

  • 模板语法
  • 响应式
  • 计算属性与侦听器
  • 组件
  • Props 与事件
  • 插槽
  • Composition API
  • 路由(Vue Router)
  • 生命周期钩子
  • 列表与条件
  • 表单处理

文本与表达式

<span>{{ message }}</span>
<span>{{ count + 1 }}</span>
<span>{{ ok ? 'Yes' : 'No' }}</span>
<span v-html="rawHtml"></span>

指令

{{ expr }}文本插值
v-bind:attr / :attr将属性绑定到表达式
v-on:event / @event绑定事件监听器
v-model双向绑定(表单)
v-if / v-else-if / v-else条件渲染
v-show切换 display CSS(保留在 DOM 中)
v-for列表渲染
v-slot / #name具名插槽内容

属性绑定

<img :src="imageUrl" :alt="desc" />
<div :class="{ active: isActive }"></div>
<div :style="{ color: textColor }"></div>
<button :disabled="isLoading">Submit</button>

下载完整速查表,获取所有章节的打印排版版本

下载 PDF

下载

选择适合你阅读方式的版本