我有一个非SPA网络应用程序，它有Vue个组件，运行非常好.然而，我正在寻找一种通过外部API加载包含Vue个HTML的方法.
所以，我只需调用/ajax/dialogbox/client/add，它返回包含Vue个组件的HTML，比如:
<h1>Add client</h1>
<div>My static content</div>
<my-component></my-component>
但显然<my-component></my-component>没有任何作用.
有没有办法在Vue人中做到这一点？
Vue中有compile function个可用于编译模板以呈现函数.使用编译后的函数需要比您提供的更详细的信息(例如，如果需要将返回的模板与数据一起使用)，但这里有一个示例.
console.clear()
Vue.component("my-component",{
template: `<h1>My Component</h1>`
})
const template = `
<div>
<h1>Add client</h1>
<div>My static content</div>
<my-component></my-component>
</div>
`
new Vue({
el: "#app",
data:{
compiled: null
},
mounted(){
setTimeout(() => {
this.compiled = Vue.compile(template)
}, 500)
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.4/vue.js"></script>
<div id="app">
<component :is="compiled"></component>
</div>请注意，在这个示例中，我将您的示例模板包装在一个div标记中.Vue要求Vue或组件的单个根元素上没有.