Vue的DOM异步更新

DOM的更新是异步的，这就意味着，并不是你修改了数据，其对应的真实的DOM就会立马完成更新。

Vue的官方文档是这样说的：

可能你还没有注意到，Vue 在更新 DOM 时是异步执行的。只要侦听到数据变化，Vue 将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。例如，当你设置 vm.someData = 'new value'，该组件不会立即重新渲染。

可以通过代码验证：

{{ text }}



复制代码

所以，官网也说过，mounted不会保证所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕，可以在 mounted 内部使用 vm.$nextTick。