如何用vue写一个提示框？

Question

构想如下：

默认是单文件开发模式

写了一个a.vue，props接收传进的提示type，提示text，是否开启icon等等

props:{
    type:{
        type: String,
        default: 'info'
    },
    text: {
        type: String,
        default: '',
        required: true
    },
    isIcon: {
        type: String,
        default: 'success'
    }
}

data () {
    return {
        visiable:true
    }
}

根元素 通过 v-show='visiable' 控制，methods内设定setTimeout 5秒后设置visiable = false

在b.vue组件当中，import a.vue ，使用时通过props传入type和text使用

那么，怎么可以多次使用？

very much Thanks in advance~~~

---

理想的状态是，使用方传入必须数据，其余事情由执行方完成

Answer 1

visiable 把这个也放到 props 里去啊，当 b 想调用 a 时，把 visiable 设置为 true，你把 setTimeout 放在 b 里，控制几秒后隐藏就完了

Answer 2

demo http://vue.tigerb.cn/