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

vuejs中掛載是什麼意思

Sep 28, 2021 pm 03:10 PM
vuejs 掛載

虛擬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

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

使用Vue.js和Kotlin語言開發安卓應用程式的一些技巧 使用Vue.js和Kotlin語言開發安卓應用程式的一些技巧 Jul 31, 2023 pm 02:17 PM

使用Vue.js和Kotlin語言開發安卓應用程式的一些技巧隨著行動應用的普及和用戶需求的不斷增長,安卓應用的開發越來越受到開發者的關注。在開發安卓應用程式時,選擇合適的技術堆疊至關重要。近年來,Vue.js和Kotlin語言逐漸成為安卓應用程式開發的熱門選擇。本文將介紹使用Vue.js和Kotlin語言開發安卓應用程式的一些技巧,並給出對應的程式碼範例。一、搭建開發環境在開始

您沒有掛載該檔案的權限[已修復] 您沒有掛載該檔案的權限[已修復] Feb 18, 2024 pm 05:45 PM

如果您在掛載ISO鏡像時遇到權限錯誤,這篇文章可能會提供協助。錯誤訊息如下:無法裝載文件,您沒有裝載該文件的權限。幸運的是,您可以遵循一些簡單的建議來修復它。為什麼我的ISO檔案不能掛載? ISO檔案可能損壞或不完整,可能會導致掛載問題。其他原因包括檔案損壞、儲存媒體故障或下載錯誤。 ISO文件是稀疏的來自安全軟體的中斷磁碟映像未初始化抱歉,裝載檔案時出現問題光碟映像文件已損壞修復您沒有權限裝載文件的錯誤如果在嘗試掛載ISO映像時收到無法掛載文件,您沒有權限掛載文件錯誤,請按照以下建議操作:檢查文件

使用Vue.js和Python開發資料視覺化應用的一些技巧 使用Vue.js和Python開發資料視覺化應用的一些技巧 Jul 31, 2023 pm 07:53 PM

使用Vue.js和Python開發資料視覺化應用的一些技巧引言:隨著大數據時代的到來,資料視覺化成為了一個重要的解決方案。而在資料視覺化應用的開發中,Vue.js和Python的組合能夠提供靈活性和強大的功能。本文將分享一些使用Vue.js和Python開發資料視覺化應用的技巧,並附上對應的程式碼範例。一、Vue.js簡介Vue.js是一款輕量級的JavaSc

fstab(檔案系統表) fstab(檔案系統表) Feb 19, 2024 pm 06:30 PM

fstab(FileSystemTable)是Linux系統中的一個設定文件,用於定義系統啟動時掛載檔案系統的規則。 fstab檔案位於/etc目錄下,可透過手動建立或編輯器修改。每行規定一個要掛載的檔案系統。每一行有六個字段,它們的意義如下:檔案系統設備檔案或UUID可用於指定要掛載的檔案系統的設備,UUID是一個獨特的標識符,可透過blkid命令取得設備的UUID。 2.掛載點:指定檔案系統要掛載到的目錄,可以是絕對路徑(例如/mnt/data)或相對路徑(例如../data)。 3.檔案系統類

Vue.js與Lua語言的融合,建構遊戲開發的前端引擎的最佳實踐和經驗分享 Vue.js與Lua語言的融合,建構遊戲開發的前端引擎的最佳實踐和經驗分享 Aug 01, 2023 pm 08:14 PM

Vue.js與Lua語言的融合,建構遊戲開發的前端引擎的最佳實踐和經驗分享引言:隨著遊戲開發的不斷發展,遊戲前端引擎的選擇成為了一個重要的決策。在這些選擇中,Vue.js框架和Lua語言都成為了眾多開發者的關注點。 Vue.js作為一款受歡迎的前端框架具有豐富的生態系統和便捷的開發方式,而Lua語言則因其輕量級和高效性能在遊戲開發中得到廣泛應用。本文將探討如何將

Ubuntu系統硬碟掛載詳細教學。 Ubuntu系統硬碟掛載詳細教學。 Feb 18, 2024 pm 05:39 PM

在Ubuntu系統中進行硬碟掛載,您可以按照以下詳細教學進行操作:檢查硬碟:插入要掛載的硬碟,確保系統能夠正確識別它。您可以使用下列指令查看已連線的硬碟清單:sudofdisk-l確保找到您要掛載的硬碟裝置(例如,/dev/sdb)。建立掛載點:在Ubuntu系統中,通常將硬碟掛載到一個目錄中。執行下列命令來建立掛載點目錄:sudomkdir/mnt/mydisk這將在/mnt目錄下建立名為」mydisk」的目錄作為掛載點。掛載硬碟:執行下列指令來掛載硬碟到掛載點:sudomoun

如何使用PHP和Vue.js實現圖表上的資料篩選和排序功能 如何使用PHP和Vue.js實現圖表上的資料篩選和排序功能 Aug 27, 2023 am 11:51 AM

如何使用PHP和Vue.js實現圖表上的資料篩選和排序功能在網頁開發中,圖表是一種非常常見的資料展示方式。使用PHP和Vue.js可以輕鬆實現圖表上的資料篩選和排序功能,使用戶能夠自訂查看圖表上的數據,提高資料的視覺化效果和使用者體驗。首先,我們需要準備一組資料供圖表使用。假設我們有一個資料表格,包含姓名、年齡和成績三列,資料如下:姓名年齡成績張三1890李

Vue.js與Dart語言的集成,建構酷炫的行動應用UI介面的實踐與開發技巧 Vue.js與Dart語言的集成,建構酷炫的行動應用UI介面的實踐與開發技巧 Aug 02, 2023 pm 03:33 PM

Vue.js與Dart語言的集成,建構酷炫的行動應用UI介面的實踐與開發技巧引言:在行動應用開發中,使用者介面(UI)的設計與實作是非常重要的一部分。為了能夠實現酷炫的行動應用程式介面,我們可以將Vue.js與Dart語言進行集成,借助Vue.js的強大資料綁定和組件化特性,以及Dart語言的豐富的行動應用開發庫,來構建出令人驚豔的行動應用UI介面。本文將介紹如何

See all articles