vue2常用API

Vue 2 中的常用 API 涵盖了组件生命周期钩子、指令、属性、方法等，以下是一些常用的 API 概述

1. 生命周期钩子

• beforeCreate: 实例初始化之后，数据观测和事件配置之前调用。

• created: 实例创建完成，数据观测和事件配置之后调用。

• beforeMount: 模板编译/挂载到 DOM 之前调用。

• mounted: 模板编译/挂载到 DOM 之后调用。

• beforeUpdate: 数据更改导致的重新渲染之前调用。

• updated: 数据更改导致的重新渲染之后调用。

• beforeDestroy: 实例销毁之前调用。

• destroyed: 实例销毁后调用。

2. 指令

• v-if: 条件渲染。

• v-else: v-if 的 else 分支。

• v-else-if: v-if 的 else if 分支。

• v-show: 条件性显示元素（通过 display: none）。

• v-for: 循环渲染列表。

• v-bind: 动态绑定属性或指令参数。

• v-model: 双向数据绑定。

• v-on: 事件监听。

• v-slot: 插槽分发内容。

3. 属性

• data: 定义组件的数据对象。

• props: 定义传递给子组件的属性。

• computed: 计算属性，用于处理复杂逻辑和依赖关系。

• methods: 定义方法，用于处理用户交互和逻辑操作。

• watch: 监听数据变化并执行回调。

4. 方法

• $emit: 在子组件中触发事件，用于向父组件发送消息。

• $on: 监听事件。

• $off: 移除事件监听。

• $nextTick: 在下次 DOM 更新循环结束后执行回调。

• $refs: 访问子组件或 DOM 元素。

• $watch: 手动监听数据变化。

5. 自定义指令

• Vue.directive: 创建全局自定义指令。

• bind: 指令第一次绑定到元素时调用。

• inserted: 绑定元素插入父节点时调用。

• update: 所在组件的 VNode 更新时调用。

• unbind: 指令与元素解绑时调用。