实战篇：在vue中开发一个命令式调用的弹窗组件，顶部弹窗图片的toast效果

活动需求要做一个顶部弹窗图片的toast效果，想起element中通过命令调用toast组件的方式，去调研一番，实现了一个类似效果。

相关api：

核心需要用到两个api：

• Vue.extend方法，通过模板创建Vue构造器：https://cn.vuejs.org/v2/api/?#Vue-extend
• vm.$mount方法，获取vm实例：https://cn.vuejs.org/v2/api/?#vm-mount

第一步，创建模板

如下，写一个Vue组件，就像我们平常手动引入使用的组件那样。但是不用写props，所有的配置对象写到data里。关闭的时候，要销毁dom对象。我们知道vm.$el可以拿到组件的dom元素，因此可以通过this.$el.parentNode.removeChild(this.$el)来移除dom。在此之前ÿ