你定時器里面的函數(shù)執(zhí)行已經(jīng)超出了promise塊的控制，你只有調(diào)用resolve或reject才能讓它重新控制

加個依賴babel-preset-stage-2

不是vue的問題，你寫的transation效果太簡單了。

官方建議用animate.css

了解下js引擎線程和GUI渲染線程的執(zhí)行順序
setTimeout解決GUI渲染線程阻塞問題

不需要寫click事件，在touchstart和touchend中控制，類似下面一個例子，click就是touchstart和touchend事件只不過沒有touchmove。如果你想要在touchmove中控制可以單獨(dú)寫一個方法
element.addEventListener('touchstart', (event) => {

    if (this.prevent) {
      event.preventDefault();
   
    }
     this.dragging = true;
    this.doOnTouchStart(event);
  });

element.addEventListener('touchmove', (event) => {

    if (!this.dragging) return;
    this.doOnTouchMove(event);
  });
  element.addEventListener('touchend', (event) => {
    if (this.userScrolling) {
      this.dragging = false;
      this.dragState = {};
      return;
    }
    if (!this.dragging) return;
    this.doOnTouchEnd(event);
    this.dragging = false;
  });
  

你什么不加 是什么問題 你這確認(rèn)問題是什么了么?
跨域？ 最后報錯404 沒辦法知道你具體問題啊
下面是我之前的文章 提到過配置本地代理 可以看看
https://segmentfault.com/a/11...

路由里看你的main組件是main頁了，你的意思是main組件是應(yīng)該在首頁中的嗎？

translate里的變量a和b是你定義的,怎么能包在雙引號里傳嘞?

this.$refs.a.style.transfrom = "translate("+a+"px,"+b+"px)";

我猜你應(yīng)該這樣寫才對, 不過ref直接操作dom這種方法我覺得迫不得已才會用, 一般不應(yīng)該是:class來做動畫么? 或者用:style="...."

每隔一段時間自動刷新一下如何

axios.interceptors.response.use(response => {
  // 系統(tǒng)報錯
  if (response.data && response.data.err !== 0) {
    router.push({name: 'err', query: {code: response.data.err}});
  }

  return response
}, error => {
  if (!error.response) {
    // 斷網(wǎng)了  
  }
  console.log('++++++++++++++++++++++++++', error)
  if (error.response.status === 404) {
    router.push({name: 'err', query: {code: error.response.status}})
  }

  if (error.response.status === 401) {
    router.push({name: 'err', query: {code: error.response.status}});
  }

  if (error.response.status === 500) {
    router.push({name: 'err', query: {code: error.response.status}});
  }

  return Promise.resolve(error.response)
})

每個if下面建議加return

我以前做高德地圖也遇到過這種情況，你想在外部獲得高德地圖回掉的結(jié)果，要用到閉包，當(dāng)時給我的印象特別深刻，因為我居然實現(xiàn)了一個函數(shù)，這個函數(shù)修改了高德api的功能，閉包的強(qiáng)大，很令人驚訝

router， 這樣可以減少加載數(shù)據(jù)，其次刷新可以保持當(dāng)前內(nèi)容頁，你還可以加上 keep-alive， 用來緩存，可以看下文檔的用法

1.首頁直接引入name組件就可以，不用做其他操作，modal的顯示和隱藏封裝在name內(nèi)部
2.<Button @click="showFlag =!showFlag"></Button> 不用定義show方法也可以，當(dāng)然你也可以定義show方法

<Button @click="show"></Button>

methods: {
    show() {
        this.showFlag = !this.showFlag
    }
}

首先在data里定義showFlag這個字段

~~number === number

function rebuild (arr, key) {
  let res = []
  let keycopy = JSON.parse(JSON.stringify(key))
  let k = keycopy.shift()
  while (arr.length) {
    let obj = {}
    obj[k] = arr[0][k]
    let arrcopy = JSON.parse(JSON.stringify(arr))
    obj.children = arrcopy.filter(val => val[k] === obj[k]).map(val => {
      delete val[k]
      return val
    })
    res.push(obj)
    arr = arr.filter(val => val[k] !== obj[k])
  }
  return res.map(val => keycopy.length ? {
    ...val,
    children: rebuild(val.children, keycopy)
  } : val)
}
rebuild(_arr,['aId','bId'])

replace into t1(id, column) values(2, column)
這個對于性能來說更好。

Promise的本質(zhì)是把回調(diào)函數(shù)用鏈?zhǔn)綄懛▉肀硎?，因此你的代碼里A和B已經(jīng)是并發(fā)的了

Promise.all方法用于將多個 Promise 實例，包裝成一個新的 Promise 實例,也就是說Promise.all返回的就是一個Promise，只不過它要在所有子任務(wù)都fulfilled后在會變成fulfilled,而只要有一個rejected它就會rejected。如果有任務(wù)D依賴它，放在任務(wù)A的then里就好了

 getAll() {
      this.loading = true
      let self = this

      //任務(wù)A
      Promise
      .all([apiGetFalvors(), apiGetImages()])
      .then(([flavors, images]) => {
        this.flavorList = flavors.data
        this.imageList = images.data
      })
      .then(()=>{
          //任務(wù)D，依賴A
          return new Promise((resolve,reject)=>{
              //任務(wù)D的邏輯
      })
      .catch((err) => {
        console.log(err)
      })

      //任務(wù)B
      var p = new Promise(function(resolve, reject) {
        self.getDesktopList(resolve)
      });

      //任務(wù)C
      p.then(function() {
          self.loading = false
          self.refreshStatus()
        })
        .catch(function() {})
    }

1.確定一下imageList變化之后你的watch有沒有執(zhí)行
2.dom更新完了圖片不一定加載完了
3.在nextTick里加下打印，看看有沒有執(zhí)行

開發(fā)工具沒有報錯嗎？

我看代碼里獲取的是 target 屬性（指當(dāng)前元素），因為你要拿 dataset 里的值，但你把 dataset 設(shè)置在了父元素，所以當(dāng)你拖動子元素時，并不能獲取到當(dāng)前元素的 data 值

所以此時，應(yīng)該獲取的是 currentTarget 屬性（指當(dāng)前事件的綁定元素）

參考Element文檔：合并行或列

對你截圖的布局我簡單實現(xiàn)了一下：jsfiddle