当前位置: 首页 > Web前端 > vue.js

VUE实现了自己的整体组件销毁

时间:2023-03-31 23:36:34 vue.js

V-IF实现了组件的自毁。我说了一些我的想法。赶时间的可以到最后~~~~Notification提示组件案例分析在写一些简单的通知组件案例时,可能会这样写//在[index.js]的install方法中setTimeOut(()=>{document.body.removeChild([DOM]),timer}//定时移除DOM,看另一个Loading插件案例v-showtemplate:javascript:exportdefault{name:'loading',data(){return{showLoading:false}},方法:{show(){this.showLoading=true},hidden(){this.showLoading=false}},mounted(){console.log('Loadingismounted!!!')},}看过之前的联想V-IF控件DOM渲染,绑定到模板中最外层的div上设置v-if属性即可,然后有我看见可以控制它的值template:javascript:exportdefault{name:'测试',数据(){return{canShow:true}},mounted(){setTimeout(()=>{this.canShow=false},1000)}}