Laravel和Vuejs集成-Vuejs mixins

Question

我正在尝试创建一个mixin来处理我的sweetalerts2逻辑。现在，我在一个文件夹sweetAlerts.js中创建了一个名为assets/js/misins的mixin，并在其中写入了下一个代码块：

import swal from 'sweetalert2'

export default {
  methods: {
    $sAlert(data) {
      swal(data)
    },
    $sToast(data) {
      swal.mixin(data)
    },
  }
};

然后我将其导入到我的app.js文件中，如下所示：

import sweetAlerts from './mixins/sweetAlerts'
Vue.mixin(sweetAlerts)

问题在于这种方法不起作用：

methods: {
    launchAlert() {
        this.$sAlert(data)
    }
}

我知道sweetalerts2可以正常工作，因为我已经在应用程序中对其进行了测试。主要问题是我无法使用所有警报逻辑创建一个mixin来在我想要的任何组件上实现它。

有解决方案吗？