티스토리 뷰
아 아래부분에 변경하는 부분이 있구나.. 이렇게 접근해서 변경하는구나..
this.$store.commit(함수명,인자)를 넘겨서 사용할 수 있구만..
인자를 여러개 보내고 싶으면 저렇게 보내면 된다.
payload라는 매개변수로 정의했는데 아마도 법칙이 아닐까 싶다.
아 관행적으로 하는 것이 맞다고 강의에서 말한다. 바꿔도 되지만 통상적으로 사용하는 매개변수 명임..
실제로 이렇게 store.js에 작성했다.
export const store = createStore({
state: {
todoItems : storage.item()
},
mutations : {
addOneItem(state,todoItem){
var obj = {completed : false , item : todoItem};
localStorage.setItem(todoItem,JSON.stringify(obj));
state.todoItems.push(obj);
}
}
})
export default {
data(){
return{
newTodoItem : "",
showModal : false
}
},
methods : {
addTodo(){
if(this.newTodoItem != ''){
//this.$emit('addTodoItem',this.newTodoItem);
this.$store.commit('addOneItem',this.newTodoItem);
this.clearInput();
}else{
this.showModal = !this.showModal;
}
},
this.$store.commit();으로 mutations에 접근해서 함수와 인자를 보냈다.
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 예외처리
- ArgumentResolver
- HTTP
- react실행
- 항해플러스
- thymleaf
- 향해99
- Intercepter
- rejectValue
- JPA
- 로그인
- 인터셉터
- reject
- 스프링공부
- React
- 백엔드 개발자 공부
- filter
- 항해99
- 향해플러스
- 리터럴
- exception
- BindingResult
- jpa api
- 백엔드 개발자 역량
- 향해플러스백엔드
- Java
- 컨트
- 스프링부트
- hypertexttransferprotocol
- SpringBoot
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함