Vue 2 备忘清单_开发速查表分享

83 阅读2分钟

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 修饰符

  • 另见