首页 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