在VUE JS中访问DOM是很好的吗?

Question

我想知道可以在VUE JS应用程序中访问DOM是否可以吗？例如，如果我想将一个元素（div）附加到身体标签上，建议在VUE JS方法中使用document.getElementById？

我没有可以根据数据来制作或删除元素的数据。我真的只想知道使用document在VUE JS中访问DOM是常见的吗？

类似的东西：

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

Answer 1

它也取决于您所引用的DOM的哪一部分。

如果要更改由VUE处理的子树，则您不应该这样做。您应该依靠反应性属性，条件渲染，组件。如果您需要访问当前组件的孩子的DOM元素，则可以使用参考。

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

在您的情况下，尚不清楚您想实现的目标，很难给出明确的答案。

Answer 2

您可以使用VUE中的document.getElementById之类的DOM函数来查找元素，但切勿使用DOM函数来更改DOM。始终通过更改变量并在模板中对其做出反应。