在鼠标悬停时删除Vue自定义滤镜

import Vue from 'vue';
import Vue2Filters from 'vue2-filters';
import 'vue2-filters/dist/vue2-filters.min.css';

data() {
  return {
    showFilter: false
  };
},

<template>
  <div>
    <div
      class="filter"
      v-bind:class="{ 'show-filter': showFilter }"
      v-on:mouseover="showFilter = true"
      v-on:mouseout="showFilter = false"
    >
      <!-- 内容 -->
    </div>
  </div>
</template>

<style scoped>
.filter {
  /* 滤镜样式 */
  filter: blur(5px);
  transition: filter 0.3s ease;
}

.show-filter {
  filter: none;
}
</style>