vue.js Toast не определен (при использовании mint-ui)

Question

toast является компонентом mint-ui, я уже импортирую mint-ui, но когда я использую toast в экземпляре vue, выдает ошибку? Почему?

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. изменить import MintUi from 'mint-ui'; на ниже.

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