自己做了个demo，但是想点击的样式有所不一样，了解了一下vue-ripple-directive,这个是用来改变点击时的有水波纹的效果。除了这个之外，还有一个vue-touch-ripple,这两者相比的话，我觉得vue-ripple-directive比较好用，而且很方便！！！
首先就是安装：npm install vue-ripple-directive --save
其次就是main.js文件进入：
import Ripple from 'vue-ripple-directive'
/*
* Ripple.color = 'rgba(255, 255, 255, 0.35)'; //这里是用来设置波纹颜色
* Ripple.zIndex = 55; //设置它的层级
*/
Vue.directive('ripple',Ripple)
/*这样引入后，在其他的地方就可以直接用了，注释掉的部分，可用可不用*/
最后调用：
eg:
<div style="150px;height:150px;line-height:150px;background-color:#000;color:#fff" v-ripple>点这里</div>
<!---没错，这里直接用v-ripple就可以有水波纹的效果了~-->
小白kitty的记录