首先，vue中是不建议直接操作dom的，原因如下：
1，破坏了代码模块化结构导致代码腐化：
todo
1，不建议直接操作dom
https://blog.csdn.net/lqlqlq007/article/details/95175987
2，操作dom方式
jQuery获取元素是查找页面所有，相当于“循环”所有元素直至找到需要的dom，但是vue是单页面的，jQuery获取dom并不只是获取vue当前页面，而是从根路由开始查找所有，当其他页面出现相同的元素，也会被获取到
https://blog.csdn.net/qq_43363884/article/details/88285332
3，querySelectorAll与querySelector的区别
https://blog.csdn.net/dalei9243/article/details/81075408
4，ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：
https://blog.csdn.net/qq_27970999/article/details/88060234