vue为什么在入口文件引入了mintUI但是在组件中使用不了呢？

Question

我已经在入口文件全局引入了 为什么还提示'Toast' is not defined？

import Mint from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(Mint)

test () {
  Toast('提示信息')
}

Answer 1

你看下面它的源码，Vue.use其实调用的就是这个install函数，函数内把Toast挂在了Vue和Vue的原型上，所以调用方式就应该是以下几种方式：

this.$toast（Vue组件内部）
Vue.$toast
Vue.prototype.$toast

并不能直接调用Toast，除非你在使用的地方单独解构导入Toast。

Answer 2

我也没用过Mint-UI。但UI框架应该差不多。
你可以试试
main.js全局引入的话，你在子组件中使用this.$Toast('提示信息')试试。

如果你执意要直接用Toast('...')的话，先在组件中引入Toast。
import {Toast} from 'mint-ui'