Vue對象轉(zhuǎn)$el是Vue.js中一個非常重要的概念。在Vue.js中，每個組件都有一個對應(yīng)的Vue實例對象，這個對象包含了該組件的數(shù)據(jù)、方法、生命周期函數(shù)等等。當(dāng)我們需要將該組件渲染到頁面上時，就需要將該Vue實例對象與HTML元素掛載到一起，這個過程就是將Vue對象轉(zhuǎn)換為$el的過程。

Vue中的$el屬性是一個指向掛載點的DOM元素。在Vue實例對象中，$el默認(rèn)是undefined。當(dāng)Vue實例對象創(chuàng)建之后，我們需要手動將Vue對象與HTML元素進(jìn)行綁定，這時就需要使用到$mount方法，該方法的作用就是將Vue實例對象與HTML元素進(jìn)行綁定。

new Vue({
el: '#app',
data: {
message: 'Hello World!'
}
})

在上述代碼中，我們創(chuàng)建了一個Vue實例對象，并將它綁定到HTML元素中id為app的元素上。當(dāng)Vue實例對象創(chuàng)建后，我們可以通過$el屬性獲取到該Vue實例對象所對應(yīng)的DOM元素，代碼如下：

var el = vm.$el;

其中，vm是我們創(chuàng)建的Vue實例對象。通過上述代碼，我們就可以將Vue對象轉(zhuǎn)換為$el。同時，我們還可以手動更改$el屬性所指向的DOM元素，代碼如下：

vm.$el = document.getElementById('new-app');

當(dāng)我們將Vue對象與HTML元素進(jìn)行綁定后，Vue對象中的data、methods等屬性就可以通過操作DOM元素來進(jìn)行渲染了。在Vue中，我們可以使用{{}}語法來獲取data中的數(shù)據(jù)并進(jìn)行渲染，同時我們還可以使用v-bind指令來綁定HTML屬性值。

總結(jié)來說，Vue對象轉(zhuǎn)$el的過程是Vue實例對象與HTML元素進(jìn)行綁定的過程，$el屬性是指向掛載點的DOM元素。當(dāng)我們更改$el屬性所指向的DOM元素時，Vue實例對象也會隨之更改。同時，通過操作DOM元素來實現(xiàn)對data、methods等屬性的渲染。