实例方法-生命周期

vm.$mount

vm.$forceUpdate

vm.$nextTick

参数:{Function} [callback]

用法:将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。

注意:2.1.0 起新增:如果没有提供回调且在支持 Promise 的环境中,则返回一个 Promise。

示例:

// Vue 是异步渲染
new Vue({
  // ...
  methods: {
    // ...
    example: function () {
      // 修改数据
      this.message = 'changed'
      // data 改变之后,DOM 还没有更新(异步渲染)
      // 页面渲染时会将 data 的修改做整合,多次 data 修改只会渲染一次
      // $nextTick 待 DOM 渲染完再回调,以获取最新DOM节点
      this.$nextTick(function () {
        // DOM 现在更新了
        // `this` 绑定到当前实例
        this.doSomethingElse()
      })
    }
  }
})

vm.$destroy

最后更新时间:
贡献者: DESKTOP-ER5718D\zt