可以用 $nextTick 來確保 Dom 變化後再執行一些事情：

  this.$nextTick( () => {
    this.$refs.li[7].scrollIntoView()
  })

改寫了一些：jsFiddle

需要对纯 DOM 元素进行底层操作的时候，vue提供了自定义指令来处理

<p id='app'>
  <ul  v-scroll>
  <li v-for="item in items" ref='li' :id="'li_'+item.id">{{item.name}}</li>
  </ul>
</p>

Vue.directive('scroll', {
  // 当组件完成一次更新时调用 还有其它的钩子函数 自行选择合适的
  componentUpdated: function (el) {
    //el 对应上面的scroll绑定的ul
    // do something...
  }
})

详细的自己查看API了：自定义指令api