vue.js Toast未定义（使用mint-ui时）

Question

toast是mint-ui组件，我已经导入了mint-ui，但是当我在vue实例中使用toast时会报告错误？为什么？

import Vue from 'vue';
import MintUi from 'mint-ui';

import 'mint-ui/lib/style.css'

Vue.use(MintUi);

new Vue({
    el:'#app',
    render:(creater)=> creater(app),
    created(){
        new Toast('hello')  //toast is not defined
    }
})

Answer 1

您需要从Mint UI导入Toast。 将import MintUi from 'mint-ui';更改为下方。

import MintUi, { Toast } from 'mint-ui';