直接通过dom来修改上面的数据时获取的值是正确的
这时通过更改数据来修改dom上面的数据时再来通过dom来读取这个数据时显示的还是未修改的数据这时因为vue的渲染时异步的
图片来自:https://blog.csdn.net/weixin_46396187/article/details/107462329
图片来自:https://blog.csdn.net/qq_40413670/article/details/113933917
也就是说如果数据变一下视图就要重新改,可以一个数据他进行了三次改变,然而每一次改变都会对这个组件进行重新渲染,倒不如先更新视图然后再让这个数据改变等他改变完了再去更新视图,这时对于性能的消耗时相对来说小的
总的来说$nextTick的作用:在视图更新之后,可以基于新的视图进行操作
用法