【Nuxt.js】Nuxt 문법편:component①

🎈 이 기사는 WP 전용입니다
htps //wp. 메 / pc9 HC-DX

전치



component란?
사용 주름이 생기고,
재사용이 가능한 것입니다 🌟



간단한 버튼으로도
CSS가 길어지고
마이카이 쓰는 것은 귀찮아요 ... 😔
그것을 해결하는 것이
component입니다 🌟

만드는 방법, 표시하는 방법을 설명합니다 ✍️

목차



전치
component의 종류와 사용 장소
기본 코드
Step1: 사용하는 컴포넌트 만들기
Step2: 구성 요소 가져오기
자동으로 가져오기
요약

component의 종류와 사용 장소



종류



우선은 종류를 파악합시다.
대략 3가지가 있습니다 💡
이번에는 1의 자작 구성 요소
에 대해 해설하겠습니다 🍎
앞에 쓴 버튼과 같은 경우에는
자작의 컴퍼넌트에 해당합니다 🙋‍♀️
  • <좋아하는 이름의 이름/>
     =자작의 컴퍼넌트
    import가 필요!

  • layouts에서만 사용

  • 중첩 된 경로에서 사용

  • nuxt와 nuxt-child에 대해서는
    다른 기사에서 소개합니다 🌟

    사용 장소



    components를 사용할 수 있는 장소
    (가져올 수있는 곳)
    페이지를 구성하는 부분입니다!

    ・layout
    · 다른 구성 요소
    · 페이지 구성 요소
    자체 제작 구성 요소의 경우
    이 중 누구나 사용할 수 있습니다 🤗

    기본 코드



    기본 코드가 여기.
    나머지는 사용하고 싶은 물건에
    다시 바꾸자 👍✨

    🎈 자세한 내용은 WP에서 확인하세요 👀
    htps //wp. 메 / pc9 HC-DX

    좋은 웹페이지 즐겨찾기