关于html css样式实现问题

加入html有三个按钮，点击第一个按钮 第一个按钮颜色改变，显示为按住的样式，点击第二个按钮，第二个按钮颜色改变，第一个按钮颜色恢复这样子的样式怎么实现，类似于如下图的样式，

请问你是用vue实现的，还是用原生js实现的，如果用vue实现的，可以试一下active，原生的话，js一步一步写就好了

点击时移除样式。获取所有元素集合。比如ul下的li然后循环判断。点击时当前li加上类名。其他的都移除