beforeRouteEnter肯定能實現你的需求的，而且我覺得你寫的沒什么問題，你說的圖片位置明顯的刷新的感覺的話你可以在這個鉤子中加個loading試試看，或者按樓上說的img.onload方法，但是并不推薦這個方法，因為你只有一個圖片還好操作，如果多張圖片這個地方就 尷尬了，建議用圖片懶加載。

routebeforenter 怎么就不行了? 你 next 寫在哪？
實在不行 v-if 了解一下，等數據加載完了再渲染啊

v-if 數據出來在渲染

vif判斷~數據接收到了再渲染

同步加載數據，在最后一個請求成功之后再一一賦值即可。
ajax沒法做同步，你需要引入promise，推薦使用官方推薦的axios

例如用axios請求數據：

data(){
  return{
    data1:'',data2:'',data3:''
  }
}

// methods：
var data1, data2, data3;
axios.get('/user?ID=12345')
 .then(function (res){
   data1 = res.data
 })
 .then(function (res){
   data2 = res.data
 })
 .then(function (res){
   // 最終請求成功
   data3 = res.data
   this.data1 = data1
   this.data2 = data2
   this.data3 = data3
 })
  .catch(function (error) {
    console.log(error);
  });

理論上是在created方法中請求接口是可以的，不知道你的代碼是如何寫的