vuejs中掛載指的是什么意思

發(fā)布時(shí)間：2021-09-28 15:52:05 來源：億速云閱讀：417 作者：小新欄目：web開發(fā)

小編給大家分享一下vuejs中掛載指的是什么意思，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

虛擬dom與真實(shí)dom建立關(guān)系，讓Vue實(shí)例控制頁面中的某個(gè)區(qū)域的過程，稱之為掛載。掛載的方式有：1、通過“el:'css選擇器'”語句進(jìn)行配置；2、通過“Vue實(shí)例.$mount("css選擇器")”語句進(jìn)行配置。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.9.6版，DELL G3電腦。

掛載一詞來自操作系統(tǒng)的概念，原意是虛擬文件系統(tǒng)與硬件驅(qū)動(dòng)建立關(guān)系，通過操作虛擬文件系統(tǒng)，間接操作真實(shí)的文件。打個(gè)比方，u盤操作的實(shí)質(zhì)是通過虛擬文件系統(tǒng)建立與真實(shí)u盤文件的映射關(guān)系，用戶操作的文件增刪改查都是針對(duì)虛擬文件目錄，虛擬文件系統(tǒng)會(huì)處理真實(shí)的文件操作。

u盤真實(shí)文件系統(tǒng)與虛擬文件系統(tǒng)建立關(guān)系的過程，叫做掛載。

回到瀏覽器上，虛擬dom與真實(shí)dom建立關(guān)系的過程，也可以稱作掛載。因?yàn)槎际恰疤摂M”與“真實(shí)”建立聯(lián)系，用戶操作“虛擬”部分。

那么vue里面提到的掛載是什么意思？

讓Vue實(shí)例控制頁面中的某個(gè)區(qū)域的過程，稱之為掛載。

掛載的方式：

1、通過 `el:“css選擇器” 進(jìn)行配置

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

創(chuàng)建Vue時(shí)便進(jìn)行了掛載

2、通過 Vue實(shí)例.$mount("css選擇器")進(jìn)行配置

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

創(chuàng)建Vue了之后進(jìn)行掛載

$ 作用是為了區(qū)別 Vue 實(shí)例中的數(shù)據(jù)名稱等相同（防止重名）

以上是“vuejs中掛載指的是什么意思”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

vuejs中掛載指的是什么意思

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽