How to use computed to calculate the object of the first OrderItems?

// computedOrderItems
this.thumbnail = res.OrderInfo.OrderItems[0].Thumbnail;
this.goodsSource = res.OrderInfo.OrderItems[0].GoodsSource;
this.goodsName = res.OrderInfo.OrderItems[0].GoodsName;
this.count = res.OrderInfo.OrderItems[0].Count;
this.spec = res.OrderInfo.OrderItems[0].Spec;

data

clipboard.png

Apr.12,2022

new Vue({
  data:{
    orderItems: null;
  },
  computed:{
    firstOrderItem(){
      return orderItems != null && orderItems.length > 0 ? orderItems[0] : null;
    }
  },
  methods:{
    getData: function(){
      axios.get('url', someParams).then(res->{this.orderItems = res.data.OrderItems})
    }
  }
});
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3bbbb-2c2d0.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3bbbb-2c2d0.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?