title: Vue: Trigger event on automatic UI update
body: <p>I have a v-for list of items that are based on list stored in Vuex. I want it so that the list automatically scrolls to the bottom every time a new item is added. I figured the scrolling part out using this: <a href="https://stackoverflow.com/questions/270612/scroll-to-bottom-of-div">Scroll to bottom of div?</a></p>
  <p>The pseudocode is the following:</p>
  <pre><code>addItem(){
      dispatch vuex event to add item
      scroll to bottom of list
  }
  </code></pre>
  <p>The issue I'm running into is that Vue seems to be updating the v-for list <em>after</em> the list is scrolled to the bottom, meaning that the list is always scrolled to the second to last item, instead of the last.</p>
  <p>I fixed it by using a <code>setTimout()</code> to wait 10ms, but it feels a little hacky. Is there a better way to trigger the <code>scrollToBottom()</code> code on v-for list update?</p>