반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- Wecode
- express
- event
- CSS
- v-html
- vuex
- State
- 자바스크립트
- 리액트
- jsx
- Vue
- mapGetters
- 쉬운설명
- scss
- nodejs
- react
- App.vue
- 자료구조
- HOC
- JavaScript
- Vue transition
- MySQL
- sass
- 댓글달기
- input
- Vue.js
- storybook
- TypeScript
- ES6
- webpack
Archives
- Today
- Total
목록vue-module-decorators (1)
익명의 개발노트
[typescript] vuex
1. 인터페이스를 이용한 설계 방식 1) 인터페이스에서 state의 타입을 지정해준다. 2) 스토어 타입을 지정한다. 스토어 타입은 Vuex에 StoreOptions라는 내장 객체타입을 이용한다. 3) Actions의 타입은 ActionContext타입을 사용하며, 들어가는 제너릭 타입은 State, RootState 인데, 아래 예제는 하나밖에 없으므로 RootState대신 State로 지정해주어도 무방하다. import Vue from 'vue'; import Vuex, { StoreOptions, ActionContext } from 'vuex'; Vue.use(Vuex); //1.인터페이스 타입지정 interface State { count: number; } //2. 스토어 타입지정, inter..
코딩일기/TIL
2020. 1. 5. 20:19