###為什麼要使用元件？
1.若多個頁面都使用同一套模板渲染內容，那麼就很有必要來封裝乙個公共元件來渲染；
2.儘管多個頁面看起來是相似的，樣式上可能會有細微的差別，那麼我們可以使用插槽來解決這個問題；
###區分父子元件
1.封裝公共元件，實際上就是抽離出乙個子元件；每次使用它，建立乙個新的父元件來呼叫它即可；
2.那麼父和子元件就很容易區分，父元件是呼叫者，子元件是公共元件；
###上** 公共元件（子元件）
1.props 中為要從父元件中來獲取的動態值；
2.},就是動態值，在父元件還沒寫，但是確定了傳參，可以先定義好放這裡；
###父元件，一般寫在view目錄下的頁面
1.先import,引入後在components宣告;
若不想在這import,還可在main.js中定義，這樣屬定義全域性元件，定義後其他頁面可直接使用；
import dept from 『./components/dept.vue』;
vue.component(「mydept」,dept);
2.在template中直接使用元件即可；把要傳入的引數使用v-bind(:)傳參；
3.在路由中定義好路由後可以看到效果頁面；
###插槽v-slot
1.為什麼會使用插槽；
2.若在一詳情頁面，展示詳情一致，而底部按鈕不一樣，則在公共元件可不定義具體按鈕樣式，使用插槽；
1.這是子元件中先定義具名插槽口子；
1.父元件中使用 插槽，在插槽裡直接寫按鈕，包括樣式；
2.若樣式需要調整，在style 中加上 scoped屬性即可；
vue父子元件傳參
一 首先，值肯定是定義在父元件中的，供所有子元件共享。所以要在父元件的data中定義值 二 其次，父元件要和子元件有契合點 就是在父元件中呼叫 註冊 引用子元件 呼叫 註冊 引用 這裡我繫結了兩個值，乙個是陣列，乙個是字串。2018 03 30 10 15 55 特別補充 總的來說父傳子就是這三個步...
vue父子元件傳參使用props
父子元件傳遞引數，使用props 總結下 驗證型別 支援的型別 string，number，boolean，array，symbol，object，function，date 基礎型別檢查 null 匹配任何型別 propa number,多個可能得型別 propb number,string 必填...
vue插槽 slot 插槽之間的父子傳參
插槽 slot，是元件的一塊html模板，這塊模板顯示不顯示 以及怎樣顯示由 父元件來決定。實際上，乙個slot最核心的兩個問題這裡就點出來了，是顯示不顯示和怎樣顯示。顯不顯示和怎樣能夠顯示由父組決定 非插槽模板指的是html模板，指的是 div span ul table 這些，非插槽模板的顯示與...