Vue Material div 添加水波纹效果

<md-card class="md-primary" md-theme="orange-card" md-with-hover>
  <md-ripple>
    <md-card-header>
      <div class="md-title">Orange primary color</div>
      <div class="md-subhead">With hover and ripple effects</div>
    </md-card-header>
    <md-card-content>
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio itaque ea, nostrum odio. Dolores, sed accusantium quasi non.
    </md-card-content>
  </md-ripple>
</md-card>

<div class="container">
  <md-ripple>
    div  
  </md-ripple>
</div>

.container {
  width: 100px;
  height: 100px;
  background-color: #eeeeee;
}