vue js中访问DOM好不好？

Question

我想知道在 Vue js 应用程序中访问 DOM 是否可以？例如，如果我想将一个元素 (div) 附加到 body 标签，是否建议document.getElementById在 Vue js 方法中使用？

我没有可用于根据数据制作或删除元素的数据。我真的只是想知道document在 Vue js 中访问 DOM是否常见？

像这样的事情：

methods:{
 appendToBody(){
   let node = document.createElement("div");
   document.getElementById("#body").appendChild(node);
 }
}

Answer 1

这也取决于您所指的 DOM 的哪一部分。

如果你想改变由 Vue 处理的子树，你不应该这样做。你应该依赖反应属性、条件渲染、组件。如果您需要访问作为当前组件子级的 DOM 元素，您可以使用refs。

如果您需要更改 Vue 领域之外的 DOM 部分，那么一定要这样做。

在你的情况下不清楚你想要实现什么，很难给出明确的答案。