国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

關于vue開發的常見問題

陸斌 / 1414人閱讀

摘要:看看這里說的順便你可以加深對和的理解計算屬性默認只有,不過在需要時你也可以提供一個然后,解決完畢嘻嘻嘻二打包工程上線后,你發現開發者工具的看到了源碼對,上線配置錯了。

一、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: ""
   })
  這樣,我們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

如果你覺得文章不錯的話,點個小贊唄,謝謝謝謝,嘻嘻嘻!

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/95711.html

相關文章

  • 關于Vue2一些值得推薦文章 -- 五、六月份

    摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...

    sutaking 評論0 收藏0
  • 關于Vue2一些值得推薦文章 -- 五、六月份

    摘要:五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新,歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香,消溽暑。鳥雀呼晴,侵曉窺檐語。葉上初陽乾宿雨,水面清圓,一一風荷舉。家住吳門,久作長安旅。五月漁郎相憶否。小楫輕舟,夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly;請::點擊::集web前端最近很火的vue2框架資源;定時更新,歡迎 Star 一下。 蘇...

    khs1994 評論0 收藏0
  • 關于個人開源項目(vue app)一些總結

    摘要:關于個人開源項目的一些總結項目地址項目簡介此項目名叫。網站目前實現了登錄注冊日歷導入文件考勤導出缺勤名單等核心功能。這對于小型項目來說并沒有什么問題。編譯后的大小關于文件上傳與導出功能文件上傳導出可以說是此項目最關鍵的點了。 關于個人開源項目(vue app)的一些總結 項目地址 https://github.com/BYChoo/record 項目簡介 此項目名叫:Record。是以...

    since1986 評論0 收藏0
  • 關于個人開源項目(vue app)一些總結

    摘要:關于個人開源項目的一些總結項目地址項目簡介此項目名叫。網站目前實現了登錄注冊日歷導入文件考勤導出缺勤名單等核心功能。這對于小型項目來說并沒有什么問題。編譯后的大小關于文件上傳與導出功能文件上傳導出可以說是此項目最關鍵的點了。 關于個人開源項目(vue app)的一些總結 項目地址 https://github.com/BYChoo/record 項目簡介 此項目名叫:Record。是以...

    高勝山 評論0 收藏0

發表評論

0條評論

陸斌

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<