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

資訊專欄INFORMATION COLUMN

關(guān)于vue開發(fā)的常見問題

陸斌 / 1419人閱讀

摘要:看看這里說的順便你可以加深對(duì)和的理解計(jì)算屬性默認(rèn)只有,不過在需要時(shí)你也可以提供一個(gè)然后,解決完畢嘻嘻嘻二打包工程上線后,你發(fā)現(xiàn)開發(fā)者工具的看到了源碼對(duì),上線配置錯(cuò)了。

一、vue單頁(yè)面回退丟失參數(shù)的問題
可能有些跟我一樣的新手同學(xué)會(huì)遇到一個(gè)問題,就是比如我從商品詳情跳轉(zhuǎn)到購(gòu)物車,沒問題,但是,購(gòu)物車頁(yè)面中點(diǎn)擊瀏覽器的回退按鈕,返回到detail頁(yè)面時(shí),你的動(dòng)態(tài)數(shù)據(jù)(圖片啊,名稱啊,價(jià)格啊什么的)不見了,只剩下一堆css樣式架子在那里,很難受。
這就是單頁(yè)面回退參數(shù)丟失的問題,話不多說,直接說解決方法。
1、首先,我們需要了解一下Vuex。(狀態(tài)管理)具體大家百度vuex

在vue-cli工程中
npm安裝:npm i vuex --save

引入到項(xiàng)目mian.js中:
import Vuex from "vuex"
Vue.use(Vuex);

定義一個(gè)常量
const store = new Vuex.Store({
    state: {
      songInfo:""
    },
    mutations: {
       //定義函數(shù),比如我要獲取songInfo
      getSongInfo(state, songInfo) {
          state.songInfo = songInfo;
      }
    }
});
然后全局的vue中加上去store
/* eslint-disable no-new */
    new Vue({
      el: "#app",
      router,
      store,
      components: { App },
      template: ""
   })
  這樣,我們main.js的部分就做好了,那么頁(yè)面部分怎么做呢
  我們既然要獲取,就要先存
  在你存數(shù)據(jù)的vue頁(yè)面中,id是參數(shù),可以是數(shù)組,變量什么的,要不要看你自己需求
    save(id){
           //console.log(id);
           this.$store.commit("getSongInfo", id);
       }
  然后接下來就是在你想要獲取數(shù)據(jù)的頁(yè)面獲取儲(chǔ)存的東東了
  computed:{
    hereIsYourData(){
        return this.$store.state.songInfo;
    }
  }

為什么加了個(gè)computed計(jì)算屬性呢?我覺得挺方便的。看看這里說的
https://cn.vuejs.org/v2/guide...
順便你可以加深對(duì)watch和conputed的理解
計(jì)算屬性默認(rèn)只有 getter ,不過在需要時(shí)你也可以提供一個(gè) setter
然后,解決完畢!嘻嘻嘻

二、webpack打包工程上線后,你發(fā)現(xiàn)開發(fā)者工具的source看到了源碼
對(duì),webpack上線配置錯(cuò)了。去到config文件夾下的index.js,里面有個(gè)build的內(nèi)容,把其中的productionSourceMap改成false

三、凡是修改了項(xiàng)目的配置,都要重新npm run dev 喲,因?yàn)闊嶂剌d一般是自動(dòng)更新修改的頁(yè)面

四、vue的Post請(qǐng)求到后臺(tái)語言(php,java,asp啥的),發(fā)現(xiàn)post不出去,不報(bào)錯(cuò)又沒效果
解決方案:加上{emulateJSON: true}。例如:

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

五、發(fā)現(xiàn)webpack打包后,頁(yè)面是空的
可能你的路由mode是history,要改成hash,一般默認(rèn)是hash。

。。。就大概說這些吧,想不起來了。。。我只是個(gè)初學(xué)者。。。

最后link一下算是帶我入門的導(dǎo)師,慕課網(wǎng)的河畔一角,看了他的視頻,講的很棒
https://coding.imooc.com/clas...

還有我的項(xiàng)目,大家喜歡的話,可以找我要源碼,同時(shí)跪求!跪求!有大神可以指點(diǎn)我一下子!
http://111.230.91.125:3000/#/
http://111.230.91.125:8080/Vshop/view/index.html

如果你覺得文章不錯(cuò)的話,點(diǎn)個(gè)小贊唄,謝謝謝謝,嘻嘻嘻!

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/95711.html

相關(guān)文章

  • 關(guān)于Vue2一些值得推薦文章 -- 五、六月份

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

    sutaking 評(píng)論0 收藏0
  • 關(guān)于Vue2一些值得推薦文章 -- 五、六月份

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

    khs1994 評(píng)論0 收藏0
  • 關(guān)于個(gè)人開源項(xiàng)目(vue app)一些總結(jié)

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

    since1986 評(píng)論0 收藏0
  • 關(guān)于個(gè)人開源項(xiàng)目(vue app)一些總結(jié)

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

    高勝山 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

陸斌

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<