$el()是Vue.js中的一個非常重要的方法，可以用來獲取組件的根DOM元素。 在Vue.js中，組件通常由一個模板和一個JavaScript對象組成，一個組件的根DOM元素就是這個模板所渲染的元素。因此，通過$el()方法，我們可以很方便的訪問組件根元素的DOM屬性和方法，實現對組件的精確控制。

在Vue.js中，$el()方法可以在組件的生命周期內的各個階段中使用。在組件的mounted生命周期鉤子函數中，$el()方法可以被用來獲取組件實例的根元素。下面是一個示例代碼：

mounted: function () {
console.log(this.$el);
}

上述代碼會在組件被掛載之后立即執行，打印出組件的根元素。在組件的其他生命周期鉤子函數中，$el()方法同樣可以被使用，例如在beforeDestroy生命周期鉤子函數中，我們可以使用$el()方法來清除組件根元素上的事件監聽器：

beforeDestroy: function () {
this.$el.removeEventListener('click', this.handleClick);
}

需要注意的是，在使用$el()方法時，我們需要保證組件已經被渲染出來了。如果組件還沒有被渲染出來，$el()方法返回的將是undefined。為了避免這種情況，我們可以使用Vue.js提供的nextTick()方法，確保組件已經被渲染出來后再去使用$el()方法。下面是一個示例代碼：

mounted: function () {
this.$nextTick(function () {
console.log(this.$el);
})
}

上述代碼中，nextTick()方法接收一個回調函數，在下次DOM更新循環結束之后執行。在這個回調函數中，我們可以使用$el()方法獲取到組件的根元素。