Vue学习之el挂载点详解

最新推荐文章于 2024-06-12 12:19:55 发布
最新推荐文章于 2024-06-12 12:19:55 发布
阅读量4.5k 收藏 17
点赞数 9
分类专栏： Vue 文章标签： vue java python el
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/llllllkkkkkooooo/article/details/108553105
版权

文章目录

1、Vue实例的作用范围

在这里插入图片描述

在这里插入图片描述

Vue会管理el选项命中的元素及其内部的后代元素

2、el是否可以使用其他选择器

目前使用的是id选择器
在这里插入图片描述
使用class选择器

在这里插入图片描述

在这里插入图片描述

可以使用class选择器

使用标签选择器
在这里插入图片描述
在这里插入图片描述

注意：使用标签选择器，如果存在多个相同的标签，则只会匹配第一个，示例如下：

在这里插入图片描述
在这里插入图片描述

建议使用id选择器

3、能否设置其他的dom元素

使用h2标签
在这里插入图片描述

在这里插入图片描述
使用span标签
在这里插入图片描述
在这里插入图片描述

注意：只能支持双标签，不支持单标签，但也不是所有的双标签都支持，例如：body标签

在这里插入图片描述

在这里插入图片描述

可见，html标签和body标签是不支持的

博主会持续更新，有兴趣的小伙伴可以点赞、关注和收藏下哦，你们的支持就是我创作最大的动力！

Java学习从入门到大神学习目录索引

博主开源Python爬虫教程目录索引（宝藏教程，你值得拥有！）

在这里插入图片描述

Code皮皮虾
关注
  • 9
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue-挂载全局组件
weixin_52594202的博客
09-27 2099
c-icon 使用的是ant-design-vue ui库。
vue批量挂载
qq_36287830的博客
10-10 164
import Vue from 'vue' const requireComponent = require.context('../components', true, /\.vue$/); requireComponent.keys().forEach(fileName => { // 获取组件配置 const componentConfig = requireComponent(fileName); // 剥去文件名开头的 `./` 和`.vue`结尾的扩展名 c
Vue配置项之el
最新发布
weixin_45134711的博客
06-12 510
首先说明一下，本人是前端小学生级别的菜鸡，吐槽的话请口下留情，在评论区指出错误或者补充不足，我会很喜欢，互喷不会进步，相互指点才会。。。。
vue el挂载点
qq_40687516的博客
02-19 347
vue实例的作用范围？ el命中的元素以及其后代元素 是否可以使用其他选择器 可以，但是建议用id 是否可以设置其他的dom元素 可以设置除html和body以外的双标签 ...
Vue | 04.Vue基础 - el挂载点
xyx-Eshang的博客
09-27 1463
文章目录1.概述2.何为el(挂载点)？3.Vue对象的作用范围 1.概述 el属性设置Vue对象挂载(管理)的元素 Vue对象的作用范围是 挂载的元素及其子元素 如果有多个符合挂载范围的元素，则只会挂载在第一个元素 el属性可以使用任意的选择器，但最推荐使用ID选择器(因为只会挂载在第一个元素上，因此ID选择器是最合适的) Vue对象可挂载到除<body>和<html>外的任意双标签 2.何为el(挂载点)？ 通过css选择器，设置Vue对象管理(挂载)的元素。以下方代码为例：
Vue笔记_挂载点(el+$mount)
qq_43260366的博客
09-17 1361
​ 在Vue中不再和HTML直接进行交互了，而是将其挂载到DOM元素上,当数据发生变化的时候 数据变化->操作DOM->更改数据，但是操作DOM->更改数据是通过Vue内部 虚拟DOM 完成的，表现是数据驱动视图改变！// [2]没有设置挂载点，vue不知道将数据渲染到哪个视图上，将插值语法按照普通文本显示。2）若是希望data中的数据能够对多个元素生效，可以将vue实例挂载到父元素上；// [1]此时由于挂载点选择多个HTML元素，则只会对第一个元素生效；
快速入门Vue笔记
ACMjiayou的博客
02-08 1411
快速入门Vue笔记
Vue基础 el挂载点、data数据对象
小楼一夜听春雨，深巷明朝卖杏花
06-29 418
vue是如何知道要去操作那个元素的呢？el:"#app"这里有el的属性，在css当中#是id选择器。这样就可以让vue去管理id为app的元素。第一步导入vue，第二步在html里面写一点东西，第三步在js里面写一点东西。{{message}} 是模板的语法，作用是使用数据和页面结构关联起来。data是vue实例当中的使用到的数据，你需要使用什么就写什么。
python 爬虫库 beautifulsoup4_Python网络爬虫——BeautifulSoup4库的使用
weixin_39869197的博客
11-27 312
使用requests库获取html页面并将其转换成字符串之后，需要进一步解析html页面格式，提取有用信息。BeautifulSoup4库，也被成为bs4库（后皆采用简写）用于解析和处理html和xml。1.调用bs4库中最主要的便是bs类了，每个实例化的对象都相当于一个html页面需要采用from-import导入bs类，同时通过BeautifulSoup（）创建一个bs对象代码如下：impor...
Vue学习之常用指令实例详解
10-15
创建一个Vue实例需要指定一个挂载的目标元素（通过`el`选项），以及数据对象（通过`data`选项）。例如： ```javascript let app = new Vue({ el: '#app', data: { msg: '显示的内容' } }); ``` 在这个例子...
详解vue挂载到dom上会发生什么
12-11
vue 挂载到dom 元素后发生了什么 前一篇文章分析了new vue() 初始化时所执行的操作，主要包括调用vue._init 执行一系列的初始化，包括生命周期，事件系统，beforeCreate和Created hook，在在这里发生，重点分析了 ...
vue总线机制(bus)知识点详解
10-15
它利用了Vue的事件系统，通过创建一个新的Vue实例并将其挂载到全局或Vue原型上，使得所有组件都可以访问这个实例，从而实现跨组件的事件监听和触发。 首先，我们创建一个全局的Bus实例： ```javascript // main.js...
Vue数字输入框组件使用方法详解
11-20
- `mounted`：Vue组件挂载完成后调用的钩子。在这个例子中，`mounted`钩子用于在组件初始化时执行`updateValue()`，确保输入值在渲染时已经经过验证。 6. **键盘事件**： - 要在输入框聚焦时支持键盘上下键操作，...
vue 组件高级用法实例详解
08-27
Vue 组件高级用法实例详解 Vue 组件高级用法是指在 Vue 中对组件的高级使用，包括递归组件、内联模板、动态组件和异步组件等。 一、递归组件 递归组件是指在组件的模板内递归地调用自己，需要给组件设置 name ...
python爬虫时 AttributeError: 'NoneType' object has no attribute 'children'错误提示
热门推荐
淮左青衣
08-05 3万+
这段时间突然对网络爬虫比较感兴趣，于是入手了一下。今天看到一个大学排名的网站，想将网页上的排名信息爬取下来。代码如下： for tr in soup.find('tbody').children: AttributeError: 'NoneType' object has no attribute 'children'
python爬虫笔记（四）:提取（三）一个实例
像风一样
04-01 1118
初步脚本：#CrawUnivRankingA.py import requests from bs4 import BeautifulSoup import bs4 def getHTMLText(url): try: r = requests.get(url, timeout=30) r.raise_for_status() r.enc...
el挂载点[vue框架][web前端]
m0_57001006的博客
05-29 311
el挂载点(Vue简单基础) el是用来设置Vue实例挂载(或者说是管理)的元素的 Vue实例的作用范围是什么呐? Vue会管理el选中的元素以及其内部的后代元素 如果我们在el命中的元素之外使用插值表达式尝试取出模型数据值的时候是取不出来数据的, 因为我们的Vue作用范围就是在其el命中当元素之中 我们的el其实就是在设置我们Vue的作用范围, 我们的le选中的元素也就是我们的Vue的作用范围, 其实此时我们就可以说是已经是将我们的Vue绑定到了我们的此时的元素上, 我们此时在这个元素的标签体内部
python爬虫学习第二天
dandan1105的博客
04-01 461
beatiful soup 库学习 1.beautiful soup的安装 使用beautiful soup 第一行从bs4中导入一个类BeautifulSoup 第二行，命名一个变量soup，括号中两个参数，第一个表示我们需要Beautiful Soup解析的一个html的格式信息，第二个表示解析这个使用的解析器，名字叫html.parser。 html内容遍历法包含两种 so...
vue挂载点、模板、实例
undytk的博客
03-28 1177
实例 vue的实例就是通过函数创建的new Vue({}) 挂载点 挂载点就是vue的实例要去处理的dom节点 模板 vue实例默认的模板就是挂载点的内部内容 如果我们指定了了模板，就会覆盖默认的模板而使用指定的。如下图，我们通过template指定了模板，则会覆盖默认的。 综上 实例通过id指定标签变成挂载点，而挂载点下的内容默认变成了实例中的模板。 参考 百度 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值