這篇文章主要介紹Vue結(jié)合原生js如何實現(xiàn)自定義組件自動生成，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

就目前三大前端主流數(shù)據(jù)驅(qū)動框架（vue,ng,react）而言，均具有創(chuàng)建自定義組件的api，但都是必須先做到事先寫好掛載點，這個掛載點可以是原有靜態(tài)元素標(biāo)簽也可以是自定義模板；對于多種組件通過同一數(shù)據(jù)流生成的，如果事先在頁面上寫好掛載點(mounted)，然后通過dom操作去動態(tài)添加，會遇到類似這樣一條錯誤提示信息：Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.(…)。這又是為何呢，下一步該怎么辦？

原因是任何dom操作的對象必須是符合W3C標(biāo)準(zhǔn)的元素，除非如下所述的，改寫生成html元素對象的原型（HTMLElement.prototype）并注冊自定義元素，從而實現(xiàn)動態(tài)生成自定義組件的效果。

不過，大家都明白使用數(shù)據(jù)驅(qū)動框架的初衷就是盡可能避免dom操作，而如下代碼中還是有一些dom操作的，就目前認(rèn)知水平而言，感覺這些必要的dom操作還是避免不了的。其它不多說了，直接看代碼。。。