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';