在vue中封装可复用的组件方法

本次封装的组件以toast组件为例 以前使用移动端ui插件时，通过一句代码比如 $.toast( ‘ 需要显示的内容 ‘ )，从而在页面上展示这段文字，并在一定时间后消失。 现在我们也尝试自己封装toast组件。 准备工作：vue-cli脚手架工程 先看一下涉及到的文件目录截图： 这次的封装主要涉及的文件是Toast.vue toast.js Hello.vue，主要思路如下： ① Toast.vue是我们要使用的toast组件； ② toast.js里面用Vue.extend()扩展一个组件构造器，然后通过实例化组件构造器，就可创造出可复用的组件。 最后在toast.js里面导出函数myT