vue 生命周期 mounted 钩子函数

[yantianqi]

mounted:function(){
    alert('mounted')
}

如上面代码，在钩子函数运行中
为什么页面没有先渲染出数据
而是 alert 弹框点击确定之后出来数据？

[shenyu1996]

不清楚 反正我发现 mounted 的时候 el 的 dom 元素还没渲染到页面，也就是 getelement 会报错，设个延迟才行

[yantianqi]

@shenyu1996 我用 document.getElement 在 mounted 里面能获取到渲染出的数据，还能绑定事件

[airyland]

和 1.x 的 ready 事件不同，这个在迁移文档里提了。

应该注意的是，使用 mounted 并不能保证钩子函数中的 this.$el 在 document 中。为此还应该引入 Vue.nextTick/vm.$nextTick。

[airyland]

https://cn.vuejs.org/v2/guide/migration.html

[SourceMan]

Vue.nextTick vm.$nextTick 保证一下