vue依賴元件 知識

2021-09-25 05:20:36 字數 888 閱讀 8041

知識

1、slot就是為了向元件內部傳遞指定的內容

2、npm list vue 檢視 vue的版本

3、vue -v 檢視 vue cli 的版本

4、公升級vue cli 到3.x以上 需要重新 clean install

npm uninstall vue-cli -g 先刪

npm install -g @vue/cli 後公升

5、使用 在 i-col裡面不會佔位置。

經過對比發現 乙個特殊處在於位於form當中,因此給 新增上 form-item 成功佔位

6、自定義變化的名稱建立變數

var obj =

;for

(let i=

0; i<

5; i++

) 使用的話obj[arr1] 就是這個變數

7、頁面過於緩慢 在切換tabs的時候不斷卡住 期望在首次載入卡其他時候不卡

由於vue是資料驅動,所以之前的邏輯是通過computed不斷計算返回結果,導致在切換tab的時候重新渲染,然後頁面緩慢,更換資料來源 通過外部傳入寫死,不做計算即可

8、store mutation中觸發其他的mutation

this.

commit

('***'

)

async-validator 表單校驗 常用於在form-item上面加:rule 用來新增校驗規則 prop為對應屬性的校驗

axios 可用於請求攔截 和發起get和post請求

封裝

get(url,params)

}) .then( (response) => )

.catch( (error) => );

slot簡介

vue元件依賴注入

在這個元件裡,所有的後代都需要訪問乙個getmap方法,以便知道要跟哪個地圖進行互動。不幸的是,使用 parent屬性無法很好的擴充套件到更深層級的巢狀元件上。這也是依賴注入的用武之地,它用到了兩個新的例項選項 provide和inject。provide選項允許我們指定我們想要提供給後代元件的資料...

VUE知識整理 元件

變異方法 push pop shift unshift splice sort reverse 事件修飾符 stop prevent self once v model的修飾符 1.lazy 預設是同步更新,如果加了.lazy修飾符,等游標離開後才會進行同步的更新。2.number 這個值無法被pa...

Vue元件知識詳解

元件樹向元件傳遞資料 元件例項的生命週期 乙個完整的網頁是複雜的,如果將其作為乙個整體來進行開發,將會遇到下面的困難 vue推薦使用一種更加精細的控制方案 元件化開發 所謂元件化,即把乙個頁面中區域功能細分,每乙個區域成為乙個元件,每個元件包含 由於沒有構建工具的支撐,css 暫時無法放到元件中 元...