vue中$mount的作用

$mount() 方法將 Vue 實例掛載到 DOM 元素中，執行下列步驟：編譯範本；建立元素；綁定資料；插入 DOM。

Vue 中$mount() 的作用

Vue 中的$mount() 方法是用於將Vue 實例掛載到DOM 元素中的重要方法。它允許 Vue 實例將其編譯模板和響應式資料綁定到指定的 DOM 元素，使 Vue 能夠控制該元素的視圖狀態。

掛載程序涉及以下步驟：

• 編譯模板： Vue 實例編譯其模板，將模板轉換為 JavaScript 渲染函數。
• 建立元素： 渲染函數根據編譯後的範本建立 DOM 元素。
• 綁定資料： Vue 實例將它的響應式資料綁定到新建立的 DOM 元素。
• 插入 DOM： Vue 實例將 DOM 元素插入到指定的 DOM 位置。

$mount() 方法接受兩個參數：

• #target： 指定Vue 實例應該掛載到的目標DOM 元素或選擇器。
• parent： (可選) 指定父 Vue 實例。如果未指定，則預設為根 Vue 實例。

範例：

<code class="html"><div id="app"></div></code>

<code class="js">const app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
});

app.$mount();</code>

在本例中，app 實例掛載到了#app DOM 元素，message 資料響應式地綁定到元素中。當 message 資料發生變更時，DOM 元素將自動更新以反映新值。

以上是vue中$mount的作用的詳細內容。更多資訊請關注PHP中文網其他相關文章！