Skip to content
On this page

2021년 09월 12일

수정하기
문서 생성 2021-09-12 10:46:11 최근 수정 2021-09-12 23:11:42
On this page

Note

Git

Vue.js

Setup

  • setup이 실행될 때에는 컴포넌트 인스턴스는 생성되지 않은 상태이다. 그래서 data, computed, methods에는 접근할 수 없다.
  • setup이 객체를 반환하면, 객체 속성들을 컴포넌트의 템플릿에서 접근할 수 있다.

Provide / inject

  • 일반적으로 데이터를 부모에서 자식 컴포넌트로 전달할 때 props를 사용한다. 그런데 만약 상위 컴포넌트에서 하위 컴포넌트 사이가 깊다면(중간에 중첩된 컴포넌트가 있다면) 두 컴포넌트 사이 모든 컴포넌트에 prop을 전달해야하므로 번거롭다.
  • 이럴때 provideinject를 사용할 수 있다. 부모 컴포넌트는 컴포넌트 계층 구조 깊이와 상관없이 모든 자식에게 데이터를 제공할 수 있다.
    • CSS에 있는 Descendant Selector가 생각난다.
  • https://v3.ko.vuejs.org/guide/component-provide-inject.html

log

  • WebDevCurriculum의 Quest00Quest01을 풀었다.
    • 안다고 생각한 것들은 안다고 생각한 것 뿐이었다. 이 커리큘럼을 따르면 내 생각을 말로 풀어쓰는 것에 매우 도움이 될 것이라는 걸 처음부터 알 수 있었다.
      • 1주일에 2개씩 해나가서 10주 동안 할 계획인데 꼭 잘 지키고 싶다.

LINKS TO THIS PAGE