首頁 >web前端 >前端問答 >vuejs中掛載是什麼意思

vuejs中掛載是什麼意思

青灯夜游
青灯夜游原創
2021-09-28 15:10:254917瀏覽

虛擬dom與真實dom建立關係,讓Vue實例控制頁面中的某個區域的過程,稱為掛載。掛載的方式有:1、透過「el:'css選擇器'」語句進行配置;2、透過「Vue實例.$mount("css選擇器")」語句進行配置。

vuejs中掛載是什麼意思

本教學操作環境:windows7系統、vue2.9.6版,DELL G3電腦。

掛載一詞來自作業系統的概念,原意是虛擬檔案系統與硬體驅動建立關係,透過操作虛擬檔案系統,間接操作真實的檔案。打個比方,u盤操作的實質是透過虛擬檔案系統建立與真實u盤檔案的對應關係,使用者操作的檔案增刪改查都是針對虛擬檔案目錄,虛擬檔案系統會處理真實的檔案操作。

u碟真實檔案系統與虛擬檔案系統建立關係的過程,稱為掛載。

回到瀏覽器上,虛擬dom與真實dom建立關係的過程,也可以稱為掛載。因為都是「虛擬」與「真實」建立聯繫,使用者操作「虛擬」部分。

那麼vue裡面提到的掛載是什麼意思?

讓Vue實例控制頁面中的某個區域的過程,稱為掛載。

掛載的方式:

1、透過`el:「css選擇器」 進行設定

<body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
</body>
<script>
new Vue({
  el: &#39;#app&#39;
})
</script>

創建Vue時便進行了掛載

2、透過Vue實例.$mount("css選擇器")進行設定

<body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
</body>
<script>
new Vue({
  ...
})
Vue.$mount("#app");
</script>

建立Vue了之後進行掛載

$ 作用是為了區別Vue 實例中的資料名稱等相同(防止重名)

相關推薦:《vue.js教學

以上是vuejs中掛載是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn