Vue.js Vue-如何向创建的元素添加指令？

假设我使用

let centerIconDiv = document.createElement('div');
centerIconDiv.className += 'centerIcon box-shadow m-2 rounded-2';

并将此添加到谷歌地图

map.controls[google.maps.ControlPosition.TOP_RIGHT].push(centerIconDiv);

如何将Vue指令添加到“centerIconDiv”？我想要一些像v-if或v-show的东西，并添加：class等

---

我真的找不到解决方案，因为我不需要渲染模板。我能做什么？

我不认为这是对您的问题的最佳答案，但您可以在实例化组件后手动装载全局注册的Vue组件，如下所示：

//这是从文档中获取的
Vue.组件（“按钮计数器”{
数据：函数（）{
返回{
计数：0
}
},
模板：“item{{$vnode.key}}：您单击我{{{count}}}次。”
})
//这会向新组件追加指令：
$（“#组件演示”）。追加(`
`)
//这将注册组件，激活指令
新的Vue（{el:'#组件演示'}）

---

谢谢！它在第一次不起作用，因为组件不想渲染。因此，我必须找出如何重新启动组件。我不确定我的方式是否正确，但它是有效的