實習(xí)項目開發(fā)總結(jié)

I_Am 發(fā)布于2019-08-29 17:06 / 2786人閱讀

摘要：數(shù)組中有數(shù)個對象，每個對象包和一些其他的基本信息?，F(xiàn)在要將數(shù)個展示，且在其下方展示其包含的。單個單個注意兩個中的參數(shù)使用。

非父子組件間的通信

在src中創(chuàng)建一個eventbus.js作為eventbus的中轉(zhuǎn)站

使用emit與on來在不同組件中監(jiān)聽事件

import Vue from "vue"
export default new Vue();
//創(chuàng)建eventBus中轉(zhuǎn)站

import EVENTBUS from "@/eventBus"
//在需要用到的組件中導(dǎo)入eventbus

updateList(){
        EVENTBUS.$emit("updateList", 1)
      }
//注冊事件，并傳遞參數(shù)

activeGetSpliter() {
        EVENTBUS.$on("activeGetSpliter", reg => {
          this.isLoading = true;
          this.isActive = false;
          this.getSpliter(reg);
          });
      },
//監(jiān)聽事件，處理參數(shù)

在Vue中操作DOM

其實如果使用了VUE，個人認為不與DOM打交道是最好的：)

@click="changeSpliter(spliterIndex, $event)"
//在函數(shù)中傳遞一個叫$event的參數(shù)

var spliterDOM = $event.target.parentNode.previousElementSibling.childNodes[0];
//如此便可以獲取DOM

console.log($event.target)
//可以如此來觀察所選取的是何元素

v-for嵌套循環(huán)

從后端得到的json里有一backUp數(shù)組，數(shù)組由數(shù)個對象組成，每個對象里包含一個字符串類型的spliter_id，和一個brand_arr的數(shù)組。brand_arr數(shù)組中有數(shù)個對象，每個對象包brand_id和一些其他的brand基本信息?，F(xiàn)在要將數(shù)個spliter_id展示，且在其下方展示其包含的brand_id。



  {{ spliter.spliter_id}}


  {{ brand.brand_id }}

注意兩個v-for中的參數(shù)使用。使用合適的參數(shù)可以很快捷的完成循環(huán)嵌套，來展示包含多個層級關(guān)系的數(shù)據(jù)

vue開發(fā)環(huán)境跨域代理配置

在config/index.js中寫入以下內(nèi)容

moudle.exports =  {
  dev: {
    assetsSubDirectory: "static",
    assetsPublicPath: "/",
    proxyTable: {
      "/GetSpliterAndBrandBySite": {
        target: "https://wpc-product.earth.xpas.xxx.com",
        changeOrigin: true,
        secure: false,
        pathRewrite: {
          "^/GetSpliterAndBrandBySite": "/GetSpliterAndBrandBySite"
        }
      },
    },
  }
}

接下來，如果想使用GetSpliterAndBrandBySite這個api，只需在請求中寫入

var url = "/GetSpliterAndBrandBySite";

就行了。

云服務(wù)器 GPU云服務(wù)器實習(xí)總結(jié) 外呼項目總結(jié) 云服務(wù)器搬遷項目總結(jié) webrtc音視頻開發(fā)總結(jié)

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/114102.html

相關(guān)文章

2017美團點評面試實習(xí)經(jīng)歷

摘要：美團點評面試實習(xí)經(jīng)歷回想總結(jié)一下美團實習(xí)經(jīng)歷給想去美團的小伙伴一些參考順便積累點人品面試兩輪技術(shù)面一輪不刷人的月份的時候內(nèi)推了美團實習(xí)簡歷估計太水了沒等到面試機會四月的時候在美團的學(xué)長幫推了簡歷直接給了幾天后接到電話面試三天順利完成兩輪技術(shù) 2017美團點評面試實習(xí)經(jīng)歷回想總結(jié)一下美團實習(xí)經(jīng)歷,給想去美團的小伙伴一些參考.順便積累點人品. 面試兩輪技術(shù)面+一輪不刷人的HR3月份的...

alaege 2019-08-20 18:59 評論0 收藏0
2017美團點評面試實習(xí)經(jīng)歷

摘要：美團點評面試實習(xí)經(jīng)歷回想總結(jié)一下美團實習(xí)經(jīng)歷給想去美團的小伙伴一些參考順便積累點人品面試兩輪技術(shù)面一輪不刷人的月份的時候內(nèi)推了美團實習(xí)簡歷估計太水了沒等到面試機會四月的時候在美團的學(xué)長幫推了簡歷直接給了幾天后接到電話面試三天順利完成兩輪技術(shù) 2017美團點評面試實習(xí)經(jīng)歷回想總結(jié)一下美團實習(xí)經(jīng)歷,給想去美團的小伙伴一些參考.順便積累點人品. 面試兩輪技術(shù)面+一輪不刷人的HR3月份的...

xzavier 2019-08-29 13:16 評論0 收藏0
大三Java實習(xí)總結(jié)網(wǎng)易百度小米美團阿里（均拿offer）

摘要：基礎(chǔ)回答的好百度說實話沒想到百度會給我打面試電話，畢竟是，在我心中地位還是很高的。后來第二天就通知我說直接過了，不用二三面了，就這樣只面了一面稀里糊涂的過了百度。差不多是這些，因為是米粉所以毫不猶豫的接收了小米，沒去百度。 ----------5月5日確認收到阿里offer ----------4月12日昨天阿里HR面完，目前在等結(jié)果的階段，無論結(jié)果如何都能接收，作為一名雙非學(xué)校的本科...

atinosun 2019-08-15 17:45 評論0 收藏0
實習(xí)轉(zhuǎn)正 | 秋招還沒開始，就拿到了騰訊、阿里的offer？我是如何做的！

摘要：那今天給就就投稿的這位屆小粉絲就是當(dāng)時暑期在騰訊實習(xí)順利轉(zhuǎn)正，然后月份通過內(nèi)推又拿下阿里的巨佬小姐姐。在騰訊實習(xí)期間也就是七月份我就提前批開始投了幾份簡歷，八月初接到阿里的電話，經(jīng)歷面技術(shù)面面，歷時一個月被阿里錄取。又是一年實習(xí)季，大三的同學(xué)可能都在忙著找實習(xí)或者做簡歷了~ 但是肯定也有同學(xué)還不想開始找，覺得現(xiàn)在太早了所以就就今天特意給大家準(zhǔn)備了一篇關(guān)于找實習(xí)的文章，相信大家看完一...

legendaryedu 2019-08-02 16:14 評論0 收藏0
實習(xí)轉(zhuǎn)正 | 秋招還沒開始，就拿到了騰訊、阿里的offer？我是如何做的！

摘要：那今天給就就投稿的這位屆小粉絲就是當(dāng)時暑期在騰訊實習(xí)順利轉(zhuǎn)正，然后月份通過內(nèi)推又拿下阿里的巨佬小姐姐。在騰訊實習(xí)期間也就是七月份我就提前批開始投了幾份簡歷，八月初接到阿里的電話，經(jīng)歷面技術(shù)面面，歷時一個月被阿里錄取。又是一年實習(xí)季，大三的同學(xué)可能都在忙著找實習(xí)或者做簡歷了~ 但是肯定也有同學(xué)還不想開始找，覺得現(xiàn)在太早了所以就就今天特意給大家準(zhǔn)備了一篇關(guān)于找實習(xí)的文章，相信大家看完一...

zhisheng 2019-08-23 17:10 評論0 收藏0