在vue專案開發過程中經常遇到這樣的情況：很多元件或者模組的結構相同，只不過是部分內容稍有不同。這種情況下，每次編寫相似的**不僅會增大工作量，還會讓**變得臃腫和冗餘。
slot便是一種用來解決這種情況的簡潔方案，話不多說，上**
父元件：test-slot.vue
替換了name="header"的slot
替換沒有name的slot（在未具名的slot只有乙個時才能替換）
這是通用的內容，不會被替換
這句話不顯示，會被父元件name相同的內容替換
這句話不顯示，會被父元件沒有指定name的內容替換
父元件可以使用slot屬性指定替換的子元件中相應的slot
前端筆記 vue學習
值傳遞引用傳遞 區別直接複製出一塊新記憶體 只是複製記憶體位址 類似c中的指標 作用物件 基本型別 布林 null undefined string和number 物件型別 array undefined number 和 比較的是記憶體中的值 比較的是指向的記憶體位址 作為引數傳入函式 只將值複製...
Vue學習筆記 高階篇
乙個簡單的元件 button counter button counter div body 定義乙個名為 button counter 的新元件 vue.component button counter 如果不用return寫 count 0 則各個部件間會互相影響！template you cl...
Vue 學習筆記 路由篇
官網 安裝外掛程式 npm install vue router安裝完之後在package.json裡面檢視版本 1 首先新建要跳轉的vue檔案 在src component裡面新建乙個about.vue檔案 template div class container p this is about ...