記錄個人eventBus的第一次使用 vue

2021-09-12 09:24:26 字數 781 閱讀 2394

在用vue寫專案的時候 有這樣的乙個問題。

很多地方都要用到遮罩層, 就是檢視資訊的時候那個背景er。(遮罩層是很容易實現的, 但是這裡講的類似於遮罩層這種常用的東西)

由於遮罩層用的比較多(可以看成乙個復用性很強的元件), 我決定把這個遮罩層提出來作為乙個單獨的元件。又由於一些特定的場景,我決定實現乙個大元件裡只有乙個遮罩層。就相當於是1對多的關係, 不限兄弟 父子元件。由於不涉及到很多資料, 也就不會打算用 vuex. 也是我想要打算用eventbus的前提.

前提工作說完, 那麼開始個人的實現和使用:

1. 先建個檔案eventbus.js. (這個檔案我放在common/js裡):

// 這裡是eventbus.js的內容

import vue from 'vue';

export const bus = new vue();

這是我遮罩層mask裡的部分**: 

css就不放進去了。 主要是講eventbus.

商品詳情元件的部分**: 

...

這樣就用eventbus實現了兩元件的通訊. 引數也可以傳入函式。

記錄完畢。 

PSP記錄個人專案耗時

psp2.1 personal software process stage time planning 計畫90 estimate 估計這個任務需要多長時間 90development 開發80 analysis 需求分析 15 design spec 生成設計文件 5 design review...

記錄個人的思考過程

好久沒有寫東西了,感覺自己已經不會思考,已經不會組織自己的思想,最近總有一種寫些隨筆的慾望.仔細想一下,我們每個人真應該多記錄一下自己思想里程,記錄下自己的喜怒哀樂,記錄下自己對人生的看法,對技術的理解,對月友的關懷,對技術的專注.記錄下自己所想的,所看到的,所嚮往的.與朋友一起分享自己學到的技術,...

shell 記錄個人指令碼的乙個高階

該指令碼中運用到工作中常用的shell語法,瑣碎的語法結合起來可以幫助處理工作,解放人力。主要常用的shell知識點 判斷引數是否存在和判斷引數個數 宣告函式 判斷字串相等 判斷字串包含 判斷陣列內容和陣列個數,並迴圈陣列 if多條件語法 sed 記錄該指令碼,是為了記錄一些基礎語法,未來忘了可以翻...