假设页面上有一个菜单点击选Φ给一个选中样式,你会怎么做呢比如:
要想点击某一个时选中,其他取消选中如果是jquery或者原生js,那么思路就是先移除所有的active然后給当前DOM加上active,就是在点击事件中加入以下代码:
代码也非常简洁缺点就是直接操作了DOM,如果整个页面都充斥着$()是不是class或者id都不好维护
vue給我们提供了类的绑定,详情见这就很方便了。那么我们在li点击事件时传参数代表li本身,定义一个变量如果此变量与参数全等,我們就加上active这个类具体代码如下:
在绑定类时,如果动态类比较多可以使用计算属性computed,后面慢慢学习时再讨论