用户定义的降价中的Vue组件

Question

我需要在由markdown呈现插件生成的HTML中实例化零个或多个Vue组件。每个组件的数量和道具都在降价中定义。 （我控制降价插件。）

instead of normal template syntax:
 <my-component :key="uid_var"></my-component>

markdown plugin would generate HTML:
 <div id="uid">replaced by component</div>

which we pass to vue in a template:
 <div v-html="md.render(src, {map:myCompMap})"></div>

本文建议如下
https://css-tricks.com/creating-vue-js-component-instances-programmatically/

var ComponentClass = Vue.extend(MyComponent);
var instance = new ComponentClass({
    propsData: { input: 'xyz' },
});
instance.$mount('#uid');

但这是用户编写的markdown，在每次击键时重新渲染，因此我们应该重新使用组件实例。问题...

1. 每次instance.$mount('#uid')次通过后，我是否致电md.render()？

2. 如果稍后的instance.$destroy()通行证丢弃了某个组件，是否可以致电md.render()？

3. 我是否需要降价处的关键属性，例如<div id="uid" key="uid">？我怀疑以上内容实现了密钥在vue模板中提供的功能。