vue如何渲染websocket数据怎么回事哈啊？

Question

vue如何再页面渲染websocket请求得到的数据data(){return:{marketTrades:[],}},mounted(){this.someThing();},methods:{someThing(){constwebsocketId=String(this.optionValue);constws=newWebSocket("ws://192.168.8.8888:8888/message");ws.onopen=function(){  const from={"req":"sub","channel":"market.all","market":websocketId}  ws.send(JSON.stringify(from));};ws.onmessage=function(evt){ constresult=evt.data; constdata=JSON.parse(event.data) this.marketTrades=data.data['market.trades'];//实时成交数据 console.log(this.marketTrades);//实时成交数据,这里能正确返回需要的数据};}}在websocket里面能正确打印出‘实时成交数据’，但是要把数据渲染到界面中的时候，这个this.marketTrades是空。我在网上查过，说是数据的作用域不同，但是还是找不到解决方法请问下这种应该怎么去正确渲染呢

Answer 1

something(){
varself=this
onmessage=function(){
self.marketTrades=....
}
}
                            

Answer 2

也可以用es6箭头函数
ws.onmessage=(evt)=>{
console.log(this.marketTrades);
}