从零开始实现Vue简单的Toast插件(2)

startTimer() { if (this.duration > 0) { this.timer = setTimeout(() => { if (!this.closed) { this.close(); } }, this.duration); } }, stopTimer() { if (this.timer) clearTimeout(this.timer); }

3. 使用

进一步将其封装成Vue的插件

export default { install (Vue) { Vue.prototype.$toast = (options = {}) => {...} } }

并且对所需要传入的必需属性，做处理异常处理

export default { install (Vue) { Vue.prototype.$toast = (options = {}) => {...} } }

4. 总结
通过封装一个Toast插件，提取不同业务之间公共的部分，减少业务的工作量。

好了，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。

您可能感兴趣的文章: