Vue提供了一個非常重要的函數——mount()。可以將這個函數看做Vue的入口函數。因為只有運行了這個函數，我們的html和Vue之間的綁定才會產生作用。接下來我們將詳細介紹Vue中的mount函數。

在Vue中調用mount()函數時，我們需要將一個元素實例傳入作為參數。元素實例可以是一個DOM元素，也可以是組件。我們傳入的元素實例將會成為Vue實例的根節點。

new Vue({
el: '#app'
}).mount('#app');

可以看出，我們在new Vue()中定義了Vue實例，并傳入一個el選項，這個選項選定了Vue會查找哪個html元素去掛載。接著我們調用了mount()函數，傳入"#app"，表示我們將"#app"作為根節點來創建Vue實例。

能夠在Vue的根節點上掛載的標簽種類非常多，我們的代碼也可以非常簡單：

new Vue({
el: '#app'
});

這個例子就可以掛載在<div id="app"></div>這個元素上。這并不是因為mount()函數沒有被調用，而是因為new Vue()默認會調用mount()函數來掛載Vue實例。如果我們想手動調用mount()函數，可以采用如下方式：

new Vue().$mount('#app');

這段代碼的含義與前文提到的是相同的，只不過$mount()是Vue實例上的一個函數，可以用來手動調用mount()函數。

當我們將Vue實例掛載在某個元素上后，這個元素和Vue之間的綁定關系就建立好了。從此，想要改變元素，只需要在Vue實例中進行操作即可。比如：

var vm = new Vue({
el: '#app',
data: {
message: 'Hello, World!'
}
});
// 修改元素
vm.message = 'Hello, Vue!';

這段代碼展示了對Vue實例data屬性的更改，它會同時更改綁定的html元素。這個更改是雙向的，如果通過操作html元素的方式修改了數據，Vue實例中data屬性也會跟著修改。

最后，需要注意的是，如果我們想要在一個已經被掛載的元素上再次調用mount()函數，會拋出異常。我們無法掛載兩個不同的Vue實例到同一個元素上。因為這意味著綁定V-bind、V-on等指令之間的混淆。