베이스캠프 로고 이미지

menu-opener icon
  • 암호화폐
  • 리츠 정보
  • 투자
  • ETF
  • 프레이머 강의
728x90
반응형

개발/Vue

vue.js 사용자 지정 디렉티브를 활용해서 코드를 깔끔하게 작성하는 방법 (vue custom directive)

🤚 들어가기 전에 Vue에는 기본적으로 내장된 디렉티브가 존재합니다. v-model과 v-show가 대표적인 예시죠. 하지만 이외에도 사용자가 직접 디렉티브를 만들고 등록할 수도 있습니다. 디렉티브를 잘 만들어 놓으면 굉장히 유용하게 재사용할 수 있습니다. 💻 디렉티브 등록 방법 사용자 지정 디렉티브를 등록하는 방법에는 2가지 방법이 있습니다. 전역으로 등록하는 방법과 로컬 컴포넌트에 등록하는 방법입니다. 전역 선언 Vue 인스턴스 선언하기 전에 Vue.directive 전역 등록을 시켜줍니다. 지역 선언 로컬 컴포넌트에 directives로 등록하는 방법입니다. 아래와 같이 지역적으로 directives를 등록하면 됩니다. 💻 훅 함수 디렉티브에는 아래와 같은 다양한 훅 함수를 제공합니다. bind 디..

2020.07.06 게시됨

1
728x90
반응형
테슬라 광고배너

인기글

    반응형

    최근글

      세로형
      Copyright . 베이스캠프 all rights reserved.
      Designed by 베이스캠프
      닫기 아이콘
      사이드 프로필 배경이미지
      블로그 이미지

      남양주개발자

      프론트엔드 개발자

      🏕️ 베이스캠프는 개발을 하기 위한 여러가지 필요한 지식들을 습득하는 것을 도와주는 근거지입니다. 🍺 음주코딩을 좋아합니다. 💻 Vue와 React를 사랑하는 개발자입니다.🤟

      • 베이스캠프 (864)
        • 투자 (431)
          • 삼성전자우 모으기 (36)
          • ETF (16)
          • 후기 (2)
          • 국내주식 (3)
          • 리츠(REITs) (24)
          • 주식용어 (16)
          • 재테크 (9)
          • 암호화폐 (230)
          • 미국 ETF (54)
          • 공모주 (15)
          • 배당 (2)
          • 부동산 (6)
        • 제품 리뷰 (23)
          • IT 제품 (2)
          • 주류 (8)
          • 기타 (1)
          • 자동차 (8)
          • 캠핑 (4)
        • 블로그 (24)
          • 애드센스 수익 (6)
          • 티스토리 팁 (15)
          • 무료 스킨 (1)
          • 기업사이트 개발 (1)
        • 데이터베이스 (5)
          • MySQL (4)
        • 강의 (12)
          • Framer (12)
          • Vue (0)
        • 개발 (252)
          • 타입스크립트 (0)
          • Google Cloud Platform (8)
          • AWS (10)
          • Vue (21)
          • React (5)
          • Next.js (5)
          • Nuxt.js (18)
          • Node.js (7)
          • React Native (10)
          • Javascript (46)
          • HTML5 (10)
          • CSS3 (13)
          • Bootstrap (2)
          • jQuery (15)
          • SASS (4)
          • UI개발 (7)
          • 유틸리티 (12)
          • 기타 (33)
          • Framer (1)
          • Third-party (5)
          • SEO (0)
          • Notion (0)
          • Git (8)
          • 트러블슈팅 (8)
          • Docker (1)
        • 알고리즘 (7)
          • 정렬 (2)
        • Computer science (57)
          • Data Structure (3)
          • 알고리즘 (54)
        • 일상 (38)
          • 컴퓨터 관련 팁 (4)
          • 면접 (1)
          • 생활팁 (31)
          • 캠핑장 (2)
        • 여행 (9)
          • 스페인 (8)
          • 일본 (0)
          • 국내여행 (1)
        • 부동산 (0)
          • 청약 (0)
      Designed by 베이스캠프

      티스토리툴바