虛擬dom與真實dom建立關係,讓Vue實例控制頁面中的某個區域的過程,稱為掛載。掛載的方式有:1、透過「el:'css選擇器'」語句進行配置;2、透過「Vue實例.$mount("css選擇器")」語句進行配置。
本教學操作環境: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: '#app' }) </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中文網其他相關文章!