vue 生命周期 mounted 钩子函数

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2723 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

5 条回复 • 2017-05-31 13:03:50 +08:00

shenyu1996

2017-05-31 11:28:33 +08:00 via Android

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

yantianqi

2017-05-31 11:45:28 +08:00

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

airyland

2017-05-31 12:11:06 +08:00

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

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

airyland

2017-05-31 12:11:17 +08:00

SourceMan

2017-05-31 13:03:50 +08:00

Vue.nextTick vm.$nextTick 保证一下