知識
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 暫時無法放到元件中 元...