Vue 2 备忘清单
Vue 2渐进式 JavaScript 框架 Vue 2 备忘清单的快速参考列表,包含常用 API 和示例。入门,为开发人员分享快速参考备忘单。
开发速查表大纲
-
入门
-
介绍
-
声明式渲染
-
基础例子
-
绑定元素属性
-
条件
-
循环
-
点击事件处理
-
输入事件处理
-
-
模板语法
-
文本
-
原始 HTML
-
属性
-
JavaScript 表达式
-
指令
-
指令参数
-
指令动态参数 v2.6
-
指令修饰符
-
指令缩写
-
-
Class 与 Style 绑定
-
对象语法
-
与普通的 class 属性共存
-
绑定的数据对象不必内联定义在模板里
-
三元表达式
-
数组
-
数组语法
-
内联样式
-
内联样式对象通常更好
-
内联样式数组语法
-
内联样式多重值
-
-
条件渲染
-
v-if
-
v-else-if
-
v-else
-
<template> 上使用 v-if 条件渲染分组
-
用 key 管理可复用的元素
-
v-show
-
-
列表渲染
-
v-for
-
v-for 可选的第二个参数(索引)
-
v-for 使用对象
-
v-for/v-if
-
组件上使用 v-for
-
-
事件处理
-
监听事件
-
事件处理方法
-
内联处理器中的方法
-
事件修饰符
-
事件修饰符 passive
-
按键修饰符
-
.exact 修饰符
-
-
计算属性和侦听器
-
基础例子
-
计算属性缓存 vs 方法
-
计算属性 vs 侦听属性
-
计算属性的 setter
-
-
表单输入绑定
-
文本
-
多行文本
-
复选框
-
多个复选框
-
单选按钮
-
选择框
-
选择框(数组)
-
v-for 渲染的动态选项
-
值绑定
-
单选按钮
-
复选框
-
选择框的选项
-
修饰符
-
-
组件基础
-
单文件组件
-
基本示例
-
单个根元素
-
向子组件传递数据
-
data 必须是一个函数
-
监听子组件事件
-
在组件上使用 v-model
-
通过插槽分发内容
-
动态组件示例
-
解析 DOM 模板时的注意事项
-
-
过渡 & 动画
-
单元素/组件的过渡
-
CSS 过渡
-
CSS 动画
-
过渡的类名
-
显性的过渡持续时间
-
初始渲染的过渡
-
JavaScript 钩子
-
列表的进入/离开过渡
-
-
Vue 2 API 参考
-
全局配置
-
全局 API
-
数据
-
DOM
-
生命周期钩子
-
资源
-
组合
-
其它
-
实例方法 / 数据
-
实例 property
-
实例方法 / 事件
-
实例方法 / 生命周期
-
指令
-
特殊 attribute
-
内置的组件
-
v-on (事件)修饰符
-
v-on (鼠标)修饰符
-
系统修饰键
-
Keyboard 按键修饰符
-
v-bind 修饰符
-
-
另见