TIL

[TIL] 20211119 vue store action type / vue custom directives

자바칩 프라푸치노 2021. 11. 19. 19:00

1. store에 action type 정하기

https://dev.to/3vilarthas/vuex-typescript-m4j

 

Vuex + TypeScript

Preface 🚨 The approach, described in this article, is not encouraged to be used in produc...

dev.to

이번에 인턴과제를 하면서는 store에 타입을 제대로 지정하지 못했는데 공부를 더해보자

 

 

2. git branch 가져오기

https://velog.io/@cyongchoi/Git-branch-가져오기

 

Git branch 가져오기

git remote branch 가져오기

velog.io

 

3. vue directives

회사 코드에서 directives를 처음봤다.

참고 : vue 공식

 

사용자 지정 디렉티브 | Vue.js

사용자 지정 디렉티브 시작 Vue는 코어에 포함된 기본 디렉티브 (v-model 과v-show와 같은) 외에도 커스텀 디렉티브를 등록할 수 있습니다. Vue에서 코드 재사용 및 추상화의 기본 형식은 컴포넌트입

v3.ko.vuejs.org

 

그래서 대체 directives가 뭐냐고!

v-show, v-if 같이 html태그안에 들어가는 하나의 속성이라고 한다.

현재 이런 13가지의 디렉티브가 있다.

회사에서 본 코드는 사용자지정 디렉티브 인가보다. 

밑에 글을 보고서야 이제 조금 이해가 된다. 

공식문서의 코드대로

directives: {
  focus: {
    // directive 정의
    mounted(el) {
      el.focus()
    }
  }
}

이렇게 디렉티브를 지정해주면 템플릿단에서 v-focus로 쓰면 되나보다.

 

참고 : https://velopert.com/3044

 

[Vue.JS 2.0] Directive (지시문), Vue 엘리먼트를 위한 특별한 속성 | VELOPERT.LOG

이번 포스트에선 Vue.JS 2.0 의 디렉티브 (Directive) 라는 개념에 대해서 알아보고, 간단한 디렉티브들을 사용해보겠습니다. 디렉티브, 앵귤러를 사용해보셨다면, 조금 익숙하시겠죠? 디렉티브를 그

velopert.com

 

728x90