javascript - 在vue js中访问DOM好不好？

Question

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

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

像这样:

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

Answer 1

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

如果您想更改由 Vue 处理的子树，您不应该那样做。您应该依赖 react 性属性，conditional rendering ， 组件。如果您需要访问作为当前组件的子元素的 DOM 元素，您可以使用 refs .

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

你的情况不清楚你想要达到什么，很难给出明确的答案。