在vue中根據(jù)解析的html內(nèi)容動態(tài)插入組件

既然用Vue，就不要用jQuery了，你這個需求需要使用動態(tài)模板（dynamic template），步驟這樣：

1 需要用vue的full版本（包括compiler），而不僅是runtime版本，在webpack配置中需要增加一個alias，類似

vue: 'vue/dist/vue.js'

2.然后在模板文件中，使用下面的方式來嵌入動態(tài)模板

<component :is="dynamicTemplate()" />

dynamicTemplate函數(shù)需要返回處理好的模板內(nèi)容，類似：

return Vue.compile('<div>' + dynamicContent +'</div>')

之所以再套一個div，是因為Vue的模塊需要單根。如果在動態(tài)模板內(nèi)容中依賴一些組件，這些組件需要提前注冊好，可以使用vue的全局模塊注冊。