본문 바로가기 메뉴 바로가기

근둥이의 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

근둥이의 블로그

검색하기 폼
  • 전체보기 (103)
    • C, C++ (19)
    • Java (9)
      • JSP (3)
    • Python (4)
    • Web (8)
    • Javascript (7)
    • TypeScript (0)
    • Node.js (11)
    • Vue.js (3)
    • CSS (0)
      • SASS (0)
    • DialogFlow (4)
    • Git (2)
    • Linux (1)
    • Conference (0)
    • 배포 (9)
    • Computer (4)
    • Apple (6)
      • macOS (1)
    • Game (13)
    • Other (1)
  • 방명록

vue3 (1)
[Vue 3] Composition API와 템플릿 참조(refs)

안녕하세요, 이번 포스트에서는 컴포지션 API(Compisition API)에서 템플릿을 참조하는 방법에 대해 소개하려고 합니다. 사용 방법이 크게 달라지진 않았지만, 값으로써 참조하는 방법이 조금 바뀌게 되었습니다. 먼저, 기존의 템플릿 요소 참조 방법을 간략히 살펴보겠습니다. [ 기존 방식 ] 기존에는 참조하고자 하는 템플릿 요소에 ref="바인딩명" 형식으로 작성한 후, 마운트 이후 this 컨텍스트의 $refs를 통해 간단히 참조할 수 있었습니다. 다만, 컴포지션 API의 경우 this 컨텍스트가 존재하지 않으므로 조금 다른 방법으로 사용해야합니다. [ Composition API 방식 ] 참조하고자 하는 템플릿 요소에 ref 속성을 추가하는 방법은 기존과 동일합니다. 그러면 값은 어떠한 방법으..

Vue.js 2020. 10. 2. 19:17
이전 1 다음
이전 다음
공지사항
  • [공지] 2020년 향후 일정
  • [공지] 블로그 이전했습⋯
최근에 올라온 글
  • [Vue 3] Composition API⋯
  • [Vue 3] Composition API⋯
  • [PWA] SNS 앱 예제로 배우⋯
  • [WWDC20] Safari Web Ext⋯
최근에 달린 댓글
  • 이미지와 log로 설명을 잘해⋯
  • 직관적으로 설명해 주셔서 정⋯
  • 정말 설명이 쉽고 잘되어있습⋯
  • 와..PWA라는거에 꽂혀서 여기⋯
Total
559,863
Today
177
Yesterday
601
링크
TAG
  • 웹 확장
  • 이클립스
  • 이펙트
  • 자바
  • Hello World!
  • 자바 프로젝트
  • 출간
  • self
  • 파티클
  • vue
  • WWDC
  • java
  • vue3
  • vue-next
  • Deemo
  • spread syntax
  • Composition API
  • pwa
  • Vue 3
  • composition-api
  • javascript
  • Java FX
  • Scanner
  • vuex
  • ES6
  • WWDC20
  • 프로그레시브 웹 앱
  • vue.js
  • 전개 구문
  • AstroWar
more
«   2021/03   »
일 월 화 수 목 금 토
  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      
글 보관함
  • 2020/10 (1)
  • 2020/09 (1)
  • 2020/07 (1)
  • 2020/06 (2)

Blog is powered by Tistory / Designed by Tistory

티스토리툴바