Vue.js Vue-我应该在哪里声明要在任何生命周期或方法中使用的元素变量？

我是Vue的新手，不知道我应该在哪里声明以下内容：

const qualityDropdown = document.getElementById("qualityDropdown");

在单个位置，这样我就可以在组件的任何生命周期和/或方法中使用它，而无需在每个位置重新声明它。问题的一部分在于，有时元素是在axios调用后创建的，并且不会立即出现

---

这会进入

data（）{return{}

还是

computed（）{}

？

您可以如下定义其

ref

：

<select ref="myDropDown" id="qualityDropdown"></select>

---

这要视情况而定。你介意澄清一下你的问题吗？这是为了提高性能吗？还是为了让代码保持干燥？元素是如何创建的？如果您正在进行手动dom操作，或者只是使用

v-if=“dataLoaded”

添加元素，则可能需要查看该代码，这将改变答案。谢谢您，先生！请注意，在添加到dom之前，它们（ref）将是未定义的。好吧，它是用来从安装和转发看到我的意思代码笔。有时即使在挂载之后元素也不会出现在DOM中（比如通过v-if删除）

this.$refs.myDropDown