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

beomy

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

beomy

검색하기 폼
  • 분류 전체보기 (93)
    • JavaScript (22)
    • React.JS (15)
    • Vue.JS (50)
    • ETC... (6)
  • 방명록

함수형 컴포넌트 (1)
[Vue.JS] Render Functions & JSX

1. 기본 대부분의 경우 Vue는 템플릿을 사용하여 HTML을 작성하는 것을 권장합니다. 하지만 때로는 JavaScript를 사용하여 HTML을 작성을 해야 할 때가 있습니다. 이럴 때 render 함수를 사용하면 됩니다. Hello world! 위의 코드와 같이 작성된 HTML이 있을 때, Hello world!위의 코드와 같이 컴포넌트를 작성하여 사용할 수 있습니다. 이 때 level 속성으로 h 태그의 종류를 바꿀 수 있는 컴포넌트를 작성한다면, Vue.component('anchored-heading', { template: '#anchored-heading-template', props: { level: { type: Number, required: true } } ..

Vue.JS 2019. 2. 14. 00:07
이전 1 다음
이전 다음
공지사항
최근에 올라온 글

Blog is powered by Tistory / Designed by Tistory

티스토리툴바