Vue常用方法汇总

Vue常用的方法有：

1. vm.$mount(el?: string | Element, hydrating?: boolean): Component)

   挂载一个实例到一个 DOM 元素上。

2. vm.$destroy(): void

   完全销毁一个实例。清理它与其它实例的连接，解绑其所有的事件监听器。

3. vm.$forceUpdate(): void

   强制触发当前组件重新渲染。

4. vm.$nextTick(callback?: () => void): Promise<void>

   在下次 DOM 更新循环结束之后执行异步的更新函数。在修改数据之后立即使用这个方法，获取更新后的 DOM。

5. vm.$set(target: object, propertyName: string | number, value: any): void

   向响应式对象中添加一个属性，并确保这个属性是可响应的，能触发视图更新。

6. vm.$delete(target: object, propertyName: string | number): void

   删除响应式对象中的一个属性。如果对象是响应式的，确保删除能触发视图更新。

7. vm.$watch(expOrFn: string | Function, callback: Function, options?: Object): Function

   观察者方法，观察数据变化。

8. vm.$watchAsState(key: string, options?: Object): Observable

   将组件的局部状态转换为响应式状态。

9. vm.$on(event: string | Symbol, callback: Function): Component

   监听当前实例上自定义事件。

10. vm.$once(event: string | Symbol, callback: Function): Component

    监听一个自定义事件，这个事件只触发一次。

11. vm.$off(event?: string | Symbol, callback?: Function): Component

    移除自定义事件监听器。

12. vm.$emit(event: string, ...args: any[]): Component

    触发当前实例上的事件。

13. vm.$nextTick(callback: Function): void

    在下次 DOM 更新循环结束之后执行异步的回调。

14. vm.$refs: Object

    一个对象，持有注册过 ref 属性的所有 DOM 元素和组件实例。

15. vm.$isServer: boolean

    判断当前 Vue 实例是否运行在服务器。

16. vm.$isClient: boolean

    判断当前 Vue 实例是否运行在客户端。

17. vm.$isMounted(): boolean

    判断当前实例是否已挂载，挂载之后为 true。

18. vm.$isDestroyed(): boolean

    判断当前实例是否已被销毁，销毁之后为 true。

19. vm.$forceUpdate(): void

    强制触发当前组件重新渲染。

20. vm.$nextTick(callback: Function): Promise<void>

    在下次 DOM 更新循环结束之后执行异步的回调。

21. vm.$watch(expOrFn: string | Function, callback: Function, options?: Object): Function

    观察者方法，观察数据变化。

22. vm.$watchAsState(key: string, options?: Object): Observable

    将组件的局部状态转换为响应式状态。

23. vm.$on(event: string | Symbol, callback: Function): Component

    监听当前实例上自定义事件。

24. vm.$once(event: string | Symbol, callback: Function): Component

    监听一个自定义事件，这个事件只触发一次。

25. vm.$off(event?: string | Symbol, callback?: Function): Component