vue 添加全局组件_Vue 自定义全局message组件

Message.vue

{ {content}}

export default {

name: "MyMessage",

data() {

return {

content: ‘‘,

time: 3000,

visible: false,

type:‘info‘,//‘success‘,‘warning‘,‘error‘

hasClose:false,

}

},

mounted() {

this.close()

},

methods: {

close() {

window.setTimeout(() =>{

this.visible = false

}, this.time);

}

}

}

index.js

给Vue添加$my_message方法,

判断参数，使用$mount()给组件手动挂载参数，然后将组件插入页面中

import Vue from ‘vue‘

import Message from ‘.