vue中引用mint-ui库（日常笔记）

mint-ui官方api文档一、安装mint-uinpm install mint-ui –save二、全局引入mint-ui全局引入也就是在全部组件中都可以使用mint-ui，所以需要在vue项目的入口文件main.js中引用。–/main.js–import Mint from ‘mint-ui’;Vue.use(Mint);import ‘mint-ui/lib/style.css’; 三、在组件中引用toastthis.$toast({message: ‘暂无我的收藏’})四、在组件中引用messagebox—–html—–<button @click=“cancel(item.favorite_id)” class=“cancel”>取消收藏</button>——js—— methods: { cancel(id) { this.$messagebox.confirm(‘是否取消收藏’).then(action => { if (action === ‘confirm’) { cancelCollect(this.info.token, id).then(res => { getCollect(this.info.token).then(res => { this.collectobj.collectdata = res.data.data.data }) }) } }).catch(err => { if (err === ‘cancel’) {} }) } }效果如下：MessageBox 提供了 alert、confirm 和 prompt 三个方法，它们都返回一个 Promise Promise 是ES6的内容。它是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。