mint-ui 组件使用问题

Question

看了mint-ui的文档 ，比如使用下面这个组件

Toast('提示信息');

this.$toast('提示信息') 这样可以执行

如果按文档的写法Toast('提示信息');直接这样写执行不了，或者this.$Toast('提示信息');也不行，
为什么把Toast改成toast就行了

如果按照this.$toast('提示信息')这种写法，我换了一个组件试了一下
MessageBox('提示', '操作成功') 例如这个 ，this.$messageBox('提示', '操作成功')也执行不了。

应该如何正确调用mint-ui里面的组件？？？？

补充一下：
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'
Vue.use(MintUI)

我是整个引入的mint-ui

Answer 1

1.mint-ui分为全量或者按需导入,导入后只只要注册Vue.use(MintUI)就是将mintUI挂载到vue实例上,就可以通过this.$toast或者this.$messageBox来调用
2.你这种情况应该是toast和MessageBox按需导入,但是toast通过vue.use注册啦,MessageBox未注册
3.如果未注册就可以直接通过导入的变量名来调用:
import {MessageBox} from 'mint-ui'
调用MessageBox('提示', '操作成功')

Answer 2

this.$messagebox('提示', '操作成功')这样才可以执行