在Vue中，created()生命周期函數會在實例創建完成后立即執行，在這個階段，模板和外部的引用都未被渲染或掛載到 DOM 元素上，但是實例的數據都已經被處理完畢。

created() {
// 在此可進行數據處理
}

那么我們該如何在`created()`函數里處理DOM元素呢？Vue提供了兩種方法，一種是使用this.$el，另一種是使用this.$refs。

created() {
// 使用this.$el處理DOM元素
const title = this.$el.querySelector('.title')
// 使用this.$refs處理DOM元素
const title2 = this.$refs.title2
}

需要注意的是，在created()函數中處理DOM元素，只能獲取元素，不能對元素進行修改，因為此時元素還未被渲染到頁面上，操作不會生效，如果想要修改DOM元素，需要在mounted()函數中處理。

mounted() {
// 在此可修改DOM元素
}