实例方法-生命周期
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()
})
}
}
})