Vuejs2 转换找不到在Vue Mixin中导入的方法

我有一个jQuery风格的幻灯片动画的方法，我在许多组件中使用它。为了在修复bug的同时使代码干涸，我尝试将方法移动到mixin，但现在我在加载时遇到了一个错误：

属性或方法“Slidenter”未在实例上定义，但在渲染过程中被引用

以下是我到目前为止所做的；我需要从中修复什么

transition mixins.js

exports = {
  slideEnter: function() {...},
  slideLeave: function() {...}
}

export default {
  methods: {
    slideEnter: function() {...},
    slideLeave: function() {...}
  }
}

我的组件.vue

<template>
  <div>
    <button @click="show = !show">Toggle</button>
    <transition 
       v-on:enter="slideEnter"
       v-on:leave="slideLeave">
         <p v-show="show">My Content</p>
    </transition>
  </div>
</template>

<script>
  import TransitionsMixin from '../transitions.js'

  export default {
    name: 'my-component',
    mixins: [TransitionsMixin],
    data: function() {
      return {
        show: false
      }
    }
  }
</script>

切换
我的内容
从“../transitions.js”导入TransitionsMixin
导出默认值{
名称：“我的组件”，
mixin:[转换mixin]，
数据：函数（）{
返回{
节目：假
}
}
}

您的混音不正确

检查此处的文档：

您必须将函数放入一个方法对象中，然后该对象将与组件方法对象合并

transition mixins.js

exports = {
  slideEnter: function() {...},
  slideLeave: function() {...}
}

export default {
  methods: {
    slideEnter: function() {...},
    slideLeave: function() {...}
  }
}

---

你的混音不正确

检查此处的文档：

您必须将函数放入一个方法对象中，然后该对象将与组件方法对象合并

transition mixins.js

exports = {
  slideEnter: function() {...},
  slideLeave: function() {...}
}

export default {
  methods: {
    slideEnter: function() {...},
    slideLeave: function() {...}
  }
}