vue中在api.js中調用vux 的toast插件

每次在調用vux的toast插件的時候  大都是在vue項目的實例中。

main.js

import Vue from 'vue';
import { ToastPlugin } from 'vux'
Vue.use(ToastPlugin)

Vue頁面中

 

export default {    
data () {
      return {}
},
methods: {
      goToast() {
        this.$vux.toast.show({
        type: 'text',
        position: 'middle',
        text: "消息提示！"
      })
    }
  }
}               

 

但當在api.js中調用toast的寫法就不是如此了。代碼以下：

 

import Vue from 'vue';
import { ToastPlugin } from 'vux'

Vue.use(ToastPlugin)

let vm = new Vue()

vm.$vux.toast.show({
    type: 'text',
    position: 'middle',
    text: "消息提示！"
})