vue.js仿hover效果的实现方法示例

本文实例讲述了vue.js仿hover效果的实现方法。分享给大家供大家参考，具体如下：

  
  
  
    *{
      margin: 0;
      padding: 0;
      list-style: none;
    }
    ul{
      margin:100px ;
    }
    li{
      width: 50px;
      height: 50px;
      border: 1px solid;
      float: left;
      text-align: center;
      line-height: 50px ;
    }
    .act{
      background: red;
    }
  



  
{{x}}

这里使用在线HTML/CSS/Javascript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码，可得如下运行效果：

希望本文所述对大家vue.js程序设计有所帮助。