vue中 $destroy 并且 removeChild 组件数据响失效

this.$destroy() 作用:

完全销毁一个实例。清理它与其它实例的连接，解绑它的全部指令及事件监听器。触发 beforeDestroy 和destroyed 的钩子。

当销毁一个组件时我们有可能会用这种方法：

this.$destroy()
this.$el.parentNode.removeChild(this.$el) //通过父级元素销毁当前组件

查看页面html该组件确实被销毁，但是removeChild销毁组件只是表面上的销毁了该组件，实际上该组件函数任然缓存在vue中，下次组件显示时，组件还是会处于被销毁（destroy）状态，所以数据响应式，生命周期等都会不起作用！

需要真正销毁一个组件可以使用 v-if

vue中 $destroy 并且 removeChild 组件数据响失效相关推荐

vue路由参数改变，组件数据没重新更新问题
最近一段时间在用vue做项目,遇到一个很纠结的问题,本来是两个页面样式结构相似,就是数据不同,所以在router里面配置了一个id参数,发现vue路由参数改变,组件数据没重新更新,查了一下官方文档,发 ...
手写简易版Vue源码之数据响应化的实现
当前,Vue和React已成为两大炙手可热的前端框架,这两个框架都算是业内一些最佳实践的集合体.其中,Vue最大的亮点和特色就是数据响应化,而React的特点则是单向数据流与jsx. 笔者近期正在研究 ...
【Vue】Vue中的父子组件通讯以及使用sync同步父子组件数据
前言: 之前写过一篇文章<在不同场景下Vue组件间的数据交流>,但现在来看,其中关于"父子组件通信"的介绍仍有诸多缺漏或者不当之处, 正好这几天学习了关于用sync修饰 ...
七十、Vue城市页面Ajax动态渲染和兄弟组件数据传递
2020/10/29. 周四.今天又是奋斗的一天. @Author:Runsen 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的 ...
vue --- 获取子组件数据的一个应急方案$refs
使用$refs需要注意以下2点: 1.html方法使用子组件时,需使用ref = "xxx" 声明. 2.在父组件中使用,this.refs.xxx.msg 获取数据 <!D ...
vue+vuex+axios从后台获取数据存入vuex，组件之间共享数据
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据在vue项目中组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的话,有必要考虑引入vuex来管理这些凌乱的状态,今 ...
vue 孙子组件获取祖先组件数据
vue 孙子组件获取祖先组件数据 1.概述在vue项目开发中,如果逻辑比较复杂或者页面的内容较多时,通常会使用组件化开发页面.这个时候一般都是父子组件,两层就够了.使用props和emit方式父子组 ...
Vue父组件传子组件数据中，Vue监听不到数据改变
Vue父组件传子组件数据中,Vue监听不到数据改变官方文档说明(引用来自官网) 检测变化的注意事项由于 JavaScript 的限制,Vue 不能检测数组和对象的变化.尽管如此我们还是有一些办法来 ...
vue 同页面不同组件数据传递
不用 vuex 同页面不同组件数据传递,用vuex的这篇文章可以忽略! 直接举例: 一个页面有两个组件,其中组件A的数据可以传递到组件B,同理组件B的数据可以传递到组件A, 即AB两个组件可以互相传递 ...

vue中 $destroy 并且 removeChild 组件数据响失效

this.$destroy() 作用:

vue中 $destroy 并且 removeChild 组件数据响失效相关推荐

最新文章

热门文章