사용방법 app.vue 혹은 layouts/ 디렉토리에 를 추가한다. 참고) Docs > Examples > Routing > Pages Props color : 로딩바의 색상, false 로 설정하면 색상이 안나온다. height : 로딩바의 높이(픽셀단위, 기본값 3) duration : 로딩 바의 지속시간 (밀리초, 기본값 2000) throttle : 표시 및 숨기기를 밀리초 단위로 조절 (기본값 200)

는 Vue Router의 컴포넌트와 HTML 태그를 대체할 수 있다. 링크가 내부 인지 외부 인지 지능적으로 결정하고 그에 따라 사용 가능한 최적화(프리페칭, 기본 속성 등)를 사용하여 링크를 렌더링한다. 내부 라우팅 이 예에서는 를 사용하여 애플리케이션의 다른 페이지에 연결한다. About page 외부 라우팅 이 예에서는 컴포넌트를 사용하여 웹 사이트에 연결한다. Nuxt website target 및 rel 속성 이 예에서는 를 target, rel 및 noRel 속성과 같이 사용한다. Nuxt Twitter Nuxt Discord Nuxt GitHub Contact page opens in another tab Props to: Vue Router의 모든 URL 또는 경로 위치 객체. href: ..

컴포넌트를 이용하여 app.vue 혹은 error.vue 의 기본 레이아웃을 활성화할 수 있다. some page content 참고) Nuxt-Directory> layouts Props name : 렌더링할 레이아웃 이름을 지정한다. 문자열, 리액티브 참조 또는 계산된 속성일 수 있다. 이는 layouts/ 디렉터리에 있는 해당 레이아웃 파일의 이름과 일치 해야한다. type : string default : default 레이아웃 이름은 kebab-case로 정규화되므로 레이아웃 파일 이름이 errorLayout.vue 이면 의 name 속성은 error-layout 이된다. 참고) Nuxt-Directory> layouts 추가 Props NuxtLayout 은 레이아웃에 전달해야 할 추가 pro..

는 Nuxt와 함께 제공되는 빌트인 컴포넌트이다. pages/ 디렉토리에 있는 최상위 페이지 또는 중첩 페이지를 표시할 수 있다 는 Vue Router의 컴포넌트를 감싼 래퍼이다. 동일한 name 과 route 속성을 갖는다. Props name : 일치하는 경로 레코드의 컴포넌트 옵션에 해당 이름으로 컴포넌를 렌더링하도록 RouterView 에게 지시한다. type : string route : 모든 컴포넌트가 위치할 경로 위치 type : RouteLocationNormalized pageKey : NuxtPage 컴포넌트가 다시 렌더링되는 시기를 제어한다. type : string 또는 function transition : NuxtPage 컴포넌트로 렌더링된 모든 페이지에 대한 전역 트랜지션을 정..

하위 항목이 SSR에서 오류를 트리거하는 경우 클라이언트에 컨텐츠를 렌더링하기 위해 컴포넌트를 제공한다. 이 컴포넌트는 실험적이므로 사용하려면 nuxt.config 에서 experimental.clientFallback 옵션을 활성화해야한다. Events @ssr-error : 하위 항목이 SSR에서 오류를 트리거할 때 발생하는 이벤트다. 서버에서만 트리거된다. Props placeholderTag | fallbackTag : 슬롯이 렌더링되지 않는 경우 렌더링할 대체 태그를 지정한다. type : string default : div placeholder | fallback : 슬롯이 렌더링되지 않는 경우 렌더링할 대체 컨텐츠를 지정한다. type : string keepFallback : 서버측 렌더..

컴포넌트는 클라이언트 측에서만 슬롯을 렌더링한다. 클라이언트에서만 컴포넌트를 가져오려면 클라이언트 측 전용 플러그인에 컴포넌트를 등록한다. Props placeholderTag | fallbackTag : 서버사이드에서 렌더링될 태그를 특정한다. placeholder | fallback :서버사이드에서 렌더링될 컨텐츠를 특정한다. Slots #falllback : 서버사이드에서 출력될 컨텐츠를 특정한다. Loading comments...