가나다순 정렬 질문

  <button @click="priceLow">가격낮은순</button>
  <button @click="priceHigh">가격높은순</button>
  <button @click="sortABC">가나다순</button>
  <button @click="sortBack">되돌리기</button>

methods : {
    priceLow(){
      this.oneroom.sort(function(a,b){
        return a.price - b.price
      });
    },
    priceHigh(){
      this.oneroom.sort(function(a,b){
        return b.price - a.price
      });
    },
    sortABC(){
      this.oneroom = [...this.oneroom.sort()];
    },
    sortBack(){
      this.oneroom = [...this.oneroomOriginal];
    },
  },

위와같이 코드를 짰는데 가격낮은순, 높은순, 되돌리기는 되지만 가나다순은 적용이 안되네요..

.sort()를 이용하면 가나다순으로 나올 것 같은데 여기서 spread operator을 쓰는 것이 맞나요?