應用場景:父元件對子元件的內容進行加工處理
我們先來看2.6版本之前的寫法：
//父元件
//子元件
再來看2.6版本之後的寫法，子元件的寫法不用變，和原來一模一樣，來看父元件的寫法：
//父元件
我們可以清晰的看到，在子元件中有個插槽slot通過v-bind繫結了乙個值item，在父元件中引用了子元件child，child標籤裡面可以看到作用域插槽template，此時slot-scope就是乙個物件，這個物件是由子元件的插槽slot所繫結的值所組成的乙個物件，比如在這裡slot-scope = ，這裡的item來自子元件，而這裡slot-scope的值是a，所以就有了下面的
如果繫結資料太多，而你不需要全都用到的時候可以使用es6的物件解構
插槽 具名插槽 作用域插槽
一 插槽 當子元件的有一部分內容是根據父元件傳過來的dom顯示的時候,可以使用插槽 通過插槽，父元件向子元件優雅的傳遞dom結構，同時子元件使用插槽的內容，通過 body well 二 具名插槽 slot header header slot footer footer 三 作用域插槽 作用域插槽 ...
Vue作用域插槽
root 父元件呼叫子元件的時候，給子元件傳了乙個插槽 這個插槽叫作用域插槽 作用域插槽必須以 template開頭和結尾 同時這個插槽要宣告 你要從子元件接收的資料都放在哪 這裡是放在props裡面了 還要告訴子元件模板的資訊 即接收的props怎麼展示資料 props tony h4 templ...
Vue作用域插槽
doctype html en utf 8 編譯作用域 title script head isshow cpn div cpn 我是子元件 h2 我是子元件的內容 p isshow 按鈕 button div template newvue components script body html ...