티스토리 뷰
priceSort(){
this.원룸들.sort(function(a,b){
return a.price - b.price
});
//[3,5,2].sort(); //2,3,5 이건 문자순 정렬임
/*[3,5,2].sort(function(a,b){
return a-b
})*/ //숫자 순 정렬
}
다음 과 같이 원룸들.sort(function(a,b) 를 입력했는데 a는 이전 원룸, b는 다음 원룸으로 된다. 이 점을 이요해서
a.price처럼 값을 꺼내 쓸 수 있다..
되돌리기를 사용하고 싶다면 원래의 데이터를 하나더 만들어 state에 두는 방식으로 사용한다.
sortBack(){
//this.원룸들 = this.원룸들오리지널;
//array를 = 하면왼쪽 오른쪽은 값을 공유해주세요가 된다.
this.원룸들 = [...this.원룸들오리지널];
}
array끼리 = 부등호를 사용하면 값 공유가 된다. 리액트와 같이 [...데이터]를 사용하면 값이 별개의 카피가 된다.
export default {
name: 'App',
data(){
return {
원룸들오리지널 : [...data],
오브젝트 : {name : 'kim', age : 20},
누른거 : 0,
원룸들 : data,
모달창열렸니 : false,
신고수 : [0,0,0],
products: ['역삼동원룸','천호동원룸','마포구원룸'],
메뉴들 : ['Home','Shop', 'About'],
}
},
원룸들오리지널 또한 카피 본으로 두어야 한다. 값이 공유되지 않도록
'dev_공부일지 > vue.js' 카테고리의 다른 글
vue.js 부트스트랩 설치 (0) | 2024.05.06 |
---|---|
vue lifeCycle 이용 mount() beforeUpdate() (0) | 2024.05.03 |
Vue에서 매끈한 UI 애니메이션 주는 법 2개 (0) | 2024.05.03 |
사용자의 input을 받는 법 (v-model), watcher로 데이터 감시(문자열막기) (0) | 2024.05.03 |
자식이 부모데이터 바꾸고 싶으면 custom event (1) | 2024.05.03 |
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- reject
- ArgumentResolver
- 백엔드 개발자 공부
- 항해플러스
- 로그인
- SpringBoot
- 향해플러스
- 향해99
- 스프링공부
- 컨트
- 백엔드 개발자 역량
- 향해플러스백엔드
- exception
- react실행
- filter
- 항해99
- Java
- 인터셉터
- rejectValue
- 예외처리
- 리터럴
- HTTP
- hypertexttransferprotocol
- thymleaf
- Intercepter
- React
- 스프링부트
- JPA
- BindingResult
- jpa api
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
글 보관함