實(shí)習(xí)項(xiàng)目開(kāi)發(fā)總結(jié)

蘇丹發(fā)布于2019-08-23 12:35 / 2528人閱讀

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

非父子組件間的通信

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

使用emit與on來(lái)在不同組件中監(jiān)聽(tīng)事件

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)
      }
//注冊(cè)事件，并傳遞參數(shù)

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

在Vue中操作DOM

其實(shí)如果使用了VUE，個(gè)人認(rèn)為不與DOM打交道是最好的：)

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

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

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

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

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



  {{ spliter.spliter_id}}


  {{ brand.brand_id }}

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

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

在config/index.js中寫(xiě)入以下內(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"
        }
      },
    },
  }
}

接下來(lái)，如果想使用GetSpliterAndBrandBySite這個(gè)api，只需在請(qǐng)求中寫(xiě)入

var url = "/GetSpliterAndBrandBySite";

就行了。

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/98795.html

相關(guān)文章

2017美團(tuán)點(diǎn)評(píng)面試實(shí)習(xí)經(jīng)歷

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

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

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

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

摘要：基礎(chǔ)回答的好百度說(shuō)實(shí)話沒(méi)想到百度會(huì)給我打面試電話，畢竟是，在我心中地位還是很高的。后來(lái)第二天就通知我說(shuō)直接過(guò)了，不用二三面了，就這樣只面了一面稀里糊涂的過(guò)了百度。差不多是這些，因?yàn)槭敲追鬯院敛华q豫的接收了小米，沒(méi)去百度。 ----------5月5日確認(rèn)收到阿里offer ----------4月12日昨天阿里HR面完，目前在等結(jié)果的階段，無(wú)論結(jié)果如何都能接收，作為一名雙非學(xué)校的本科...

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

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

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

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

zhisheng 2019-08-23 17:10 評(píng)論0 收藏0