![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 66
错爱谁
这个作者很懒,什么都没留下…
展开
-
使用Api的形式封装Vue组件(一)
在文件夹notification下新增一个notification.vue文件 编写基础代码<template> <transition name="fade"> <div class="notification"> <span class="container">{{content}}</span&原创 2018-06-14 17:09:32 · 1541 阅读 · 0 评论 -
使用Api的形式封装Vue组件(二)
组件同级目录下新建func-notification.jsimport Notification from './notification.vue'export default { extends: Notification}组件同级目录下新建function.jsimport Vue from 'vue'import Components from './func-notificat...原创 2018-06-14 17:47:54 · 725 阅读 · 1 评论 -
使用Api的形式封装Vue组件(三)
增加自动消失功能func-notification.js mounted () { this.createTimer() }, methods: { createTimer () { if (this.autoClose) { this.timer = setTimeout(() => { this.visible =...原创 2018-06-15 10:47:58 · 224 阅读 · 0 评论