文章目录

1、Vue实例的作用范围

在这里插入图片描述

在这里插入图片描述

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

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

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

在这里插入图片描述

在这里插入图片描述

可以使用class选择器

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

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

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

建议使用id选择器

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

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

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

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

在这里插入图片描述

在这里插入图片描述

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

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

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

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

在这里插入图片描述

# java # python
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue