有什么好用的轻量级dom库

Question

最近在学习vue有时候不能避免要做一些dom操作，主要是获取元素 属性 style等等，当然自己封装是可以的，但是有什么成熟一点的轻量级的工具库

hasClass: function(ele, sname) {
                        var reg = new RegExp('\\b' + sname + '\\b');
                        return reg.test(ele.className);
                    },
                    addClass: function(ele, sname) {
                        var sclass = ele.className,
                            bool = this.hasClass(ele, sname);
                        if(sclass) {
                            if(!bool) {
                                sclass += " " + sname;
                                ele.className = sclass;
                            }
                        } else {
                            ele.className = sname;
                        }
                    }

比如这种东西我自己写的太丑陋了(⊙o⊙)…

Answer 1

vue不是基于virtual dom的吗？还是应该尽量避免直接修改dom吧

Answer 2

document.querySelector不够用么

Answer 3

以前移动端用的zepto

Answer 4

其实可以避免绝大部分的dom操作，实在避免不了，原生的也够了

---

看你补充，确实是对vue了解的还不够深入。可以继续深入下去，比如切换样式完全可以用:calss="{'active': toggleActive}"