怎么在Vue组件中使用全局注册实现警告框-创新互联
怎么在Vue组件中使用全局注册实现警告框？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
专注于为中小企业提供
成都网站设计、网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业
积石山保安族东乡族免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了千余家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
外部引入
HTML部分
script部分
Vue.component('my-info',{
template:`
{{data}}
`,
//注意：data必须是一个函数
data(){
return {
isShow:true
}
},
props:['data'],
methods:{
close(){
//子组件向父组件发射事件
this.$emit('close');
//关闭消息框
this.isShow = false;
}
},
});
new Vue({
el:'.container',
data:{
msg:'添加失败！'
},
methods:{
closeHandler(){
console.log('关闭了');
}
}
});
效果
全局组件
组件的创建和注册分成3步：创建组件构造器，注册组件，挂载作用域内实例化
例如：
