Vue.js是一個流行的前端框架，為了方便開發(fā)者使用和管理DOM元素，內(nèi)置了一個名為$els的對象。$els代表著Vue實例中所有帶有ref屬性的DOM元素。

使用$els對象，我們可以直接通過DOM元素的ref屬性的值來訪問該DOM元素的實例對象。例如：

<template>
<div>
<input type="text" ref="username">
<input type="password" ref="password">
</div>
</template>
<script>
export default {
created() {
const usernameInput = this.$els.username;
const passwordInput = this.$els.password;
console.log(usernameInput);
console.log(passwordInput);
}
}
</script>

上述代碼中，我們定義了兩個input元素，分別有ref屬性的值為username和password。在組件創(chuàng)建時，我們通過this.$els來訪問到這兩個input元素的實例對象，并將它們保存到變量中。此時，我們可以通過變量獲取到這兩個元素的各種屬性和方法。

需要注意的是，如果在Vue組件中使用了子組件，$els對象只能訪問到當前組件內(nèi)的DOM元素，無法訪問子組件內(nèi)的DOM元素。