框架
Vue.js 快速参考
Vue.js 快速参考 的可打印速查表,适合快速查阅、学习和桌边参考
示例
速查表包含什么
- 模板语法
- 响应式
- 计算属性与侦听器
- 组件
- 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下载