由于一直在用vue技術棧，因此初次開發(fā)小程序嘗試使用【mpvue】。盡管聽聞框架已停止維護，為了上手迅速，不顧可能存在的眾多bug，毅然用起來。

果不其然，一個大bug出現(xiàn)了： 同一路由切換時，上一次的頁面數(shù)據(jù)會保留

項目實戰(zhàn)bug： mpvue重構cnode社區(qū)

github用戶已在mpvue的issues給出相關原因：

參考眾多答案后，用“建頁面棧”的辦法得以解決：

const dataStack = []; // 建一個頁面棧

export default {
  data () {
    return {...};
  },
  onLoad () {
    dataStack.push({ ...this.$data }); // 備份數(shù)據(jù)
    // 其他初始化....一定要先備份，再做其他初始化
  },
  onUnload () {
    Object.assign(this.$data, dataStack.pop()); // 恢復數(shù)據(jù)
  }
}

由于 vue 的 mixin 中的代碼先于頁面執(zhí)行，因此上述方法可優(yōu)化到 mixin.js 文件中

let mixin = {
  data() {
    return {
      dataStack: [], // 解決mpvue相同組件數(shù)據(jù)不更新問題，建立棧堆
    };
  },
  onUnload() {
    Object.assign(this.$data, this.dataStack.pop()); // 恢復
  },
  onLoad() {
    this.dataStack.push({ ...JSON.parse(JSON.stringify(this.$data)) }); // 備份
  },
};
export default mixin;

bug得以解決：