vue邪道玩法 : 把vue实例存在别的地方,以及可能会遇到的问题
Posted foxcharon
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue邪道玩法 : 把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实例存在别的地方,以及可能会遇到的问题的主要内容,如果未能解决你的问题,请参考以下文章