vue如何集中统一刷新视图

Question

这个需求是，通过js来设置图片地址和图片的sytle样式，但是由于vue的this机制，上面的代码中，第一个this绑定的style属性设置之后，元素实际上就刷新了，把样式就已经应用上去了，而此时都还没有执行到第二行，再执行到第二行才把图片地址插入元素让图片才显示出来。

我要的是，图片地址和样式一起刷新，而不是一个先刷新上去一个后刷新，就像react，集中设置了state之后，然后最后再统一调用setState()，让所有状态最后集中统一刷新到视图上，vue如何实现这种？

Answer 1

Vue 是集中 Update 的，所以两者应该是一起改变的，可能是网络延迟图片慢了一拍。可以监听 <img> 图片 load 事件再改变样式。