vue.js操作dom的方法：1、原生js操作dom，代码为【const dom = getElementById(‘box')】；2、使用vue官方方法ref，代码为【】。
本教程操作环境：windows7系统、Vue2.9.6版，DELL G3电脑，该方法适用于所有品牌电脑。
【相关文章推荐：vue.js】
vue.js操作dom的方法：
1、原生js操作dom
立即学习“前端免费学习笔记（深入）”；
const dom = getElementById(‘box')
2、vue官方方法：ref
vue中的ref是把当前dom元素 “ 抽离出来 ” ，只要通过 this.$refs就可以获取到
< div class=“set” ref=“up”>
.set是我们要操作的dom对象，它的ref是 up
@click=“Alert”
给父元素一个点击事件，
一套面向小企业用户的企业网站程序！功能简单，操作简单。实现了小企业网站的很多实用的功能，如文章新闻模块、图片展示、产品列表以及小型的下载功能，还同时增加了邮件订阅等相应模块。公告，友情链接等这些通用功能本程序也同样都集成了！同时本程序引入了模块功能，只要在系统默认模板上创建模块，可以在任何一个语言环境（或任意风格）的适当位置进行使用！
接下来我们来编写这个方法
methods:{
this.$refs.addAlert.style.display = “block”;
}CSS还要吗？
那我把代码全粘过来你们自己看吧
CSS比正文和脚本加起来都多，如果你能看懂CSS，没理由学不会 ref
还有第三种方法，jQuery 操作dom，看完以后直呼不敢用
3、jQuery操作dom
只要拿jQuery的选择器，选中相应的dom进行操作就可以了，但是大家都知道jQuery获取元素是查找页面所有，相当于“循环”所有元素直至找到需要的dom，但是vue是单页面的，jQuery获取dom并不只是获取vue当前页面，而是从根路由开始查找所有，当其他页面出现相同的元素，也会被获取到，而且jQuery操作的dom，如果是根据动态获取数据渲染的，那么写在mounted里的操作方法将会失效，必须放到updated里，这样会导致有些操作被执行多遍，所以还是不建议在vue中使用jQuery。
相关免费学习推荐：javascript学习教程
