一、vue單頁面回退喪失參數的題目
能夠有些跟我一樣的新手同學會碰到一個題目，就是比方我從商品概況跳轉到購物車，沒題目，然則，購物車頁面中點擊瀏覽器的回退按鈕，返回到detail頁面時，你的動態數據（圖片啊，稱號啊，價錢啊什麼的）不見了，只剩下一堆css款式架子在那裡，很難熬痛苦。
這就是單頁面回退參數喪失的題目，話不多說，直接說處理方法。
1、起首，我們須要相識一下Vuex。（狀況治理）詳細人人百度vuex

在vue-cli工程中
npm裝置：npm i vuex --save

引入到項目mian.js中：
import Vuex from 'vuex'
Vue.use(Vuex);

定義一個常量
const store = new Vuex.Store({
    state: {
      songInfo:''
    },
    mutations: {
       //定義函數，比方我要獵取songInfo
      getSongInfo(state, songInfo) {
          state.songInfo = songInfo;
      }
    }
});
然後全局的vue中加上去store
/* eslint-disable no-new */
    new Vue({
      el: '#app',
      router,
      store,
      components: { App },
      template: '<App/>'
   })
  如許，我們main.js的部份就做好了，那末頁面部份怎麼做呢
  我們既然要獵取，就要先存
  在你存數據的vue頁面中,id是參數，可所以數組，變量什麼的，要不要看你本身需求
    save(id){
           //console.log(id);
           this.$store.commit("getSongInfo", id);
       }
  然後接下來就是在你想要獵取數據的頁面獵取貯存的東東了
  computed:{
    hereIsYourData(){
        return this.$store.state.songInfo;
    }
  }

為何加了個computed盤算屬性呢？我以為挺輕易的。看看這裏說的
https://cn.vuejs.org/v2/guide…
趁便你能夠加深對watch和conputed的明白
盤算屬性默許只要 getter ，不過在須要時你也能夠供應一個 setter
然後，處理終了！嘻嘻嘻

二、webpack打包工程上線后，你發明開發者東西的source看到了源碼
對，webpack上線設置錯了。去到config文件夾下的index.js,內里有個build的內容，把个中的productionSourceMap改成false

三、通常修正了項目的設置，都要從新npm run dev 喲，由於熱重載平常是自動更新修正的頁面

四、vue的Post要求到背景言語（php，java，asp啥的），發明post不出去，不報錯又沒結果
處理方案：加上{emulateJSON: true}。比方：

    this.$http.post("url", {
        //參數
    },{emulateJSON: true}).then(function(res) {
        //suc
    });
    

五、發明webpack打包后，頁面是空的
能夠你的路由mode是history，要改成hash，平常默許是hash。

。。。就大概說這些吧，想不起來了。。。我只是個初學者。。。

末了link一下算是帶我入門的導師，慕課網的河邊一角，看了他的視頻，講的很棒
https://coding.imooc.com/clas…

另有我的項目，人人喜好的話，能夠找我要源碼，同時跪求！跪求！有大神能夠指導我一會兒！
http://111.230.91.125:3000/#/
http://111.230.91.125:8080/Vshop/view/index.html

假如你以為文章不錯的話，點個小讚唄，感謝感謝，嘻嘻嘻！