vue邪道玩法 : 把vue实例存在别的地方，以及可能会遇到的问题

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

一般来说，VUE项目中，this指向VUE实例。

但有的时候，某些代码会改变this的指向。

这时，可以用一个临时变量存储VUE实例。

test1(){
  var _this = this // 把vue实例的引用存一份
  var arr = [imageObject,imageObject,imageObject]
  for (let i in arr) {
    arr[i].onload = function() {/* 此时的this指向被改变了 */}
  }    
}

但有时，你可能不得不在一开始就存一份vue实例的引用。

你可以在 created 阶段 

window._this = this

然后在 beforeDestroy 阶段

window._this = null

那么问题来了：如果父组件和子组件都声明了 

window._this = this

会怎样？回答：你的父组件的引用很可能会被子组件覆写。即，在父组件使用 _this 的时候，所指的会是子组件的VUE实例。

那怎么办呢？

你可以在父组件里声明一个对象，用来存储子组件的引用。

this.CHILD_VM = {
  key1:CHILD_VM_1, // 子组件 1 的VUE实例的引用
  key2:CHILD_VM_2, // 子组件 2 的VUE实例的引用
}

而在子组件中把存引用的代码改成：

_this.CHILD_VM.key1 = this

以上。

以上是 vue邪道玩法 : 把vue实例存在别的地方，以及可能会遇到的问题 的全部内容， 来源链接： utcz.com/z/378844.html

回到顶部