【Nuxt.js】Nuxt 문법편:component①
htps //wp. 메 / pc9 HC-DX
전치
component란?
사용 주름이 생기고,
재사용이 가능한 것입니다 🌟
간단한 버튼으로도
CSS가 길어지고
마이카이 쓰는 것은 귀찮아요 ... 😔
그것을 해결하는 것이
component입니다 🌟
만드는 방법, 표시하는 방법을 설명합니다 ✍️
목차
전치
component의 종류와 사용 장소
기본 코드
Step1: 사용하는 컴포넌트 만들기
Step2: 구성 요소 가져오기
자동으로 가져오기
요약
component의 종류와 사용 장소
종류
우선은 종류를 파악합시다.
대략 3가지가 있습니다 💡
이번에는 1의 자작 구성 요소
에 대해 해설하겠습니다 🍎
앞에 쓴 버튼과 같은 경우에는
자작의 컴퍼넌트에 해당합니다 🙋♀️
전치
component의 종류와 사용 장소
기본 코드
Step1: 사용하는 컴포넌트 만들기
Step2: 구성 요소 가져오기
자동으로 가져오기
요약
component의 종류와 사용 장소
종류
우선은 종류를 파악합시다.
대략 3가지가 있습니다 💡
이번에는 1의 자작 구성 요소
에 대해 해설하겠습니다 🍎
앞에 쓴 버튼과 같은 경우에는
자작의 컴퍼넌트에 해당합니다 🙋♀️
=자작의 컴퍼넌트
import가 필요!
layouts에서만 사용
중첩 된 경로에서 사용
nuxt와 nuxt-child에 대해서는
다른 기사에서 소개합니다 🌟
사용 장소
components를 사용할 수 있는 장소
(가져올 수있는 곳)
페이지를 구성하는 부분입니다!
・layout
· 다른 구성 요소
· 페이지 구성 요소
자체 제작 구성 요소의 경우
이 중 누구나 사용할 수 있습니다 🤗
기본 코드
기본 코드가 여기.
나머지는 사용하고 싶은 물건에
다시 바꾸자 👍✨
🎈 자세한 내용은 WP에서 확인하세요 👀
htps //wp. 메 / pc9 HC-DX
Reference
이 문제에 관하여(【Nuxt.js】Nuxt 문법편:component①), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/aLiz/items/a6ff2a98c964bb519452
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(【Nuxt.js】Nuxt 문법편:component①), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/aLiz/items/a6ff2a98c964bb519452텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)