vue如何实现单击按钮后改变class的某个属性

Question

如题，代码如下：
.mes{

display: none;

}

我想单击某个按钮后，让该class的 display属性由 none改变为block，如何实现呢

Answer 1

var contents = document,getElementByClass("mes");
for(var i ;i<contents.length;i++){
  contents[i].style.display = "block";
}

var contents = document,getElementByClass("mes");
for(var i ;i<contents.length;i++){
  contents[i].style.display = "none";
}