slot怎么在vue項目中使用-創(chuàng)新互聯(lián)
slot怎么在vue項目中使用？相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。
創(chuàng)新互聯(lián)公司始終堅持【策劃先行，效果至上】的經(jīng)營理念，通過多達10余年累計超上千家客戶的網(wǎng)站建設總結(jié)了一套系統(tǒng)有效的全網(wǎng)營銷推廣解決方案，現(xiàn)已廣泛運用于各行各業(yè)的客戶，其中包括：
成都橡塑保溫等企業(yè)，備受客戶贊譽。
什么是插槽？
插槽（Slot）是Vue提出來的一個概念，正如名字一樣，插槽用于決定將所攜帶的內(nèi)容，插入到指定的某個位置，從而使模板分塊，具有模塊化的特質(zhì)和更大的重用性。插槽顯不顯示、怎樣顯示是由父組件來控制的，而插槽在哪里顯示就由子組件來進行控制
Vue slot 原理
在web-components中有slot的概念，https://developers.google.com/web/fundamentals/web-components/shadowdom。
元素
Shadow DOM 使用 元素將不同的 DOM 樹組合在一起。Slot 是組件內(nèi)部的占位符，用戶可以使用自己的標記來填充。
通過定義一個或多個 slot，您可將外部標記引入到組件的 shadow DOM 中進行渲染。 這相當于您在說“在此處渲染用戶的標記”。
注：Slot 是為網(wǎng)絡組件創(chuàng)建“聲明性 API”的一種方法。它們混入到用戶的 DOM 中，幫助對整個組件進行渲染，從而將不同的 DOM 樹組合在一起。
怎么用插槽？
默認插槽
父組件
在父組件引用的子組件中寫入想要顯示的內(nèi)容（可以使用標簽，也可以不用）
子組件(slotOne1)
我是slotOne1組件
在子組件中寫入slot，slot所在的位置就是父組件要顯示的內(nèi)容
當然再父組件引用的子組件中也可以寫入其他組件
父組件
子組件(slotOne2)
我是slotOne2組件
具名插槽
子組件
slottwo
在父組件中使用template并寫入對應的slot值來指定該內(nèi)容在子組件中現(xiàn)實的位置（當然也不用必須寫到template），沒有對應值的其他內(nèi)容會被放到子組件中沒有添加name屬性的slot中
可以在子組件的slot標簽中寫入內(nèi)容，當父組件沒有寫入內(nèi)容時會顯示子組件的默認內(nèi)容，當父組件寫入內(nèi)容時，會替換子組件的默認內(nèi)容
看完上述內(nèi)容，你們掌握slot怎么在vue項目中使用的方法了嗎？如果還想學到更多技能或想了解更多相關內(nèi)容，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！
重慶分公司
重慶分公司
