關於mpvue中同路由不一樣頁面共享數據的解決方案

該問題出現的issue，目前官方未給出修復以及解決方案

issue 114

使用場景：

在使用mpvue開發小程序中，出現同路由複用，使用不一樣頁面的狀況。 例如： 所有->詳情頁1(id=22)->我的頁->詳情頁2(id=24,前面詳情頁1 id被改變)->返回我的頁->返回詳情頁(id=24)

問題分析：

經過打斷點分析，同路由下的不一樣頁面，數據data的掛載，是共享的...也就是說用的一直都是同一個data，而不是每一個頁面擁有一個獨立的data

解決方案：

使用修改後的mpvue-loader插件包

使用開源更改後的頁面插件包

須要修改 重複使用路由 頁面的main.js文件

import pageFactory from 'mpvue-page-factory'
import App from './index'
Page(pageFactory(App))
複製代碼

修改使用的mvpue-loader插件以及增長工廠頁面插件

--package.json

"mpvue-loader": "git+https://github.com/HelloZJW/mpvue-loader.git#patch1.0.x",
"mpvue-page-factory": "^1.0.0",
複製代碼

注意：

而且在該頁面請勿使用mpvue官方文檔提供的api獲取頁面傳參：

請使用小程序的api獲取頁面棧，在跳轉的頁面onLoad函數 附帶參數option，而後再經過option來獲取id

有的小夥伴發現本身的版本是從最近的mpvue官方初始化的，不能正確地配置如今提供一個初始化的修復版mpvue項目倉庫提供於你們使用

simple-mpue-fixed

感謝該方案的插件提供者~HelloZJW