在html中使用el标签

波伏瓦海狸

于 2021-09-18 10:05:18 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： html html5 css

本文链接：https://blog.youkuaiyun.com/sdfvsdfsdfsdfsd/article/details/120361832

本文探讨了如何在HTML中使用el标签，并结合Vue.js实例进行详细说明。重点指出el属性需指向包含Vue实例的元素，如`el: '#app'`，确保Vue数据绑定和操作能够正确作用于对应的DOM元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需要注意el标签被id 为 app的div所包含,因为
new Vue({
el: ‘#app’, //这个当然也可以换成.app，响应的就得对应class名字
data: function() {
return { visible: false }
}
})

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <!-- import CSS -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
	<div class="dv" id="app">
		<br/>

最低0.47元/天解锁文章