Vue之vm.$el是什么？(017)

Vue之vm.$el是什么？在实例挂载之后，元素可以用 vm.$el 访问。完整代码：<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://unpkg.com/vue/dist/vue.js"></script><title>el

从小白小菜开始

5028人浏览 · 2021-04-16 17:29:27

从小白小菜开始 · 2021-04-16 17:29:27 发布

Vue之vm.$el是什么？

在实例挂载之后，元素可以用 vm.$el 访问。
完整代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="https://unpkg.com/vue/dist/vue.js"></script>
		<title>el02</title>
	</head>
	<body>
		<div id="app">
			<button @click="myClick">点我啊</button>
		</div>
		<script>
			let vm = new Vue({
				el: "div",
				methods: {
					myClick() {
						console.log(vm.$el === document.getElementById("app"))
					}
				}
			})
		</script>
	</body>
</html>

效果如图：
在这里插入图片描述
Vue中的"$"是：Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来。例如：

还有其它等。

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}$/, //不连续的两位字母// /^