vue的this被占用

Question

• 我在项目中引入了原生websoket，然后准备接受服务器发来的数据

         //接收服务器发来的数据
         ws.onmessage = function (event) { 
 
         };  

这里面的this代表的webscoket ，导致全局的this没法使用，请问怎样找到全局vue的全局变量

Answer 1

// 这里给全局this赋值
var that = this
//接收服务器发来的数据
ws.onmessage = function (event) { 
  // this webscoket
  // that 全局this
};  

Answer 2

应该只是函数内部的this丢失 可以使用箭头函数或者手动bind this

Answer 3

var that = this;
然后使用 that

Answer 4

var app=new Vue({
});
第一种 声明一个全局的变量
var _self=this;
ws.onmessage = function (event) {
_self.XX
};
第二种 把vue的声明赋值给app 直接用这个app来代表vue
ws.onmessage = function (event) {
app.XX
};