import 'vue2-toast/lib/toast.css'; import Toast from 'vue2-toast'; Vue.use(Toast);

import 'vue2-toast/lib/toast.css'; import Toast from 'vue2-toast'; Vue.use(Toast, { type: 'center', duration: 3000, wordWrap: true, width: '150px' });

<template> <div id="app"> <button @click="openTop()">top</button> <button @click="openCenter()">center</button> <button @click="openBottom()">bottom</button> <button @click="openLoading()">loading</button> </div> </template> export default { methods:{ openTop(){ this.$toast.top('top'); }, openCenter(){ this.$toast.center('center'); }, openBottom(){ this.$toast('bottom'); // or this.$toast.bottom('bottom');  }, openLoading(){ this.$loading('loading...'); let self = this; setTimeout(function () { self.closeLoading() }, 2000) }, closeLoading(){ this.$loading.close(); } } }

build: { vendor: ['vue2-toast'], extend (config, ctx) { if (ctx.isClient) { config.resolve.alias['vue'] = 'vue/dist/vue.js'; } } }