티스토리 뷰
아 아래부분에 변경하는 부분이 있구나.. 이렇게 접근해서 변경하는구나..
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
- BindingResult
- 백엔드 개발자 공부
- 리터럴
- React
- HTTP
- 스프링부트
- 향해플러스
- 로그인
- 향해플러스백엔드
- hypertexttransferprotocol
- jpa api
- exception
- 인터셉터
- 향해99
- 항해플러스
- 항해99
- 컨트
- SpringBoot
- ArgumentResolver
- 스프링공부
- react실행
- Intercepter
- Java
- 예외처리
- rejectValue
- JPA
- filter
- reject
- 백엔드 개발자 역량
- thymleaf
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함