# Vue2 cdn 多個根節點使用

2021.10.13

前言:

Vue 僅允許一個根結點，但有些組件有兩個div，就必須外面再包一個div，但有時候這樣css的階層就會亂掉。

Vue3允許根結點為多個，但Vue2無法支援，但還是可以透過一些插件使Vue2 支援，如 vue-fragment ，我看網路上大多解法是利用此套件，但教學文都必須使用npm安裝，但在我仔細看了作者的git hub，發現其實有cdn的寫法， 是透過刪除最外面的節點達成，但不確定會部會有其他問題，以下是參考作者，的Demo

https://codepen.io/misooncodepen/pen/rNzVMZB?editors=111

文章目錄

Refrence

GitHub - Thunberg087/vue-fragment: a very candide fragment component for Vue.js