在 Vue.js 中，直接操作 DOM 元素通常不是推荐的做法，因为 Vue 的核心思想是数据驱动视图，我们更倾向于通过改变数据来影响视图，而不是直接操作 DOM。

然而，在某些情况下，你可能确实需要直接获取和操作 DOM 元素。在这种情况下，你可以使用 Vue 的 ref 特性或者 $refs 属性。

以下是一个使用 ref 和 $refs 获取 DOM 元素的例子：

<template>
  <div>
    <input ref="myInput" type="text" />
    <button @click="focusInput">Focus Input</button>
  </div>
</template>

<script>
export default {
  methods: {
    focusInput() {
      // 使用 $refs 获取 DOM 元素
      this.$refs.myInput.focus();
    }
  }
}
</script>

在这个例子中，我们在 input 元素上添加了一个 ref="myInput"。然后，在 Vue 实例的方法 focusInput 中，我们可以通过 this.$refs.myInput 来访问这个 DOM 元素，并调用它的 focus 方法。

需要注意的是，$refs 只在组件渲染完成后被填充，并且它是非响应式的。它应该避免在模板或计算属性中使用。

另外，如果你需要在 DOM 更新后立即访问元素，可以在 Vue.nextTick 的回调函数中访问它：

<script>
export default {
  methods: {
    updateDom() {
      // 做一些改变 DOM 的操作...

      // 在 DOM 更新后获取元素
      this.$nextTick(() => {
        // 现在可以安全地访问和修改元素了
        this.$refs.myElement.style.color = 'red';
      });
    }
  }
}
</script>

总的来说，虽然 Vue 提供了获取和操作 DOM 的方式，但我们仍然应该尽量避免直接操作 DOM，而是尽可能地通过改变数据来影响视图。