平凡之路

# Vue 提供的方法

# 实例方法

# $nextTick

Vue的DOM更新是异步的 ，所以有时候同步的获取DOM的属性或者信息可能会出错。

官网说明

Vue 异步执行 DOM 更新。只要观察到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。如果同一个 watcher 被多次触发，只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作上非常重要显然

# $set

说明

当为 Vue 的 data 里的数据新增属性时，会导致新增属性无法成为响应式（响应式需要收集依赖，依赖在 vm 初始化的时候收集）

# $mount

  • 挂载方法

# $destroy

  • 销毁当前组件实例

# $forceUpdate

  • 强制更新

# 静态方法

# observable

  • 实现一个小的 vuex
import Vue from "vue"

export const store = Vue.observable({
  count: 0
})

export const mutations = {
  addCount () {
    store.count++
  }
}

# use

  • 注册插件，会调用install方法，同时将Vue对线当做参数传入
// 编写一个 Vue 插件
export default {
  install(Vue) {
    Vue.prototype.hello = text => prompt(text)
  }
}

// other file
import myPlugins from './plugins.js'
Vue.use(myPlugins)

← Render →