.gif&blockId=11b00c82-b138-8050-a58b-dcbceda2ef8f)
@core/utils@core/components사용 시 자동으로 가져옵니다 .
vite.config.ts체크 아웃 을 통해 자동으로 가져온 항목을 확인할 수 있다. nuxt.config.ts
우리 템플릿에는 모든 vue 프로젝트에서 사용할 수 있는 독립형 패키지인 레이아웃 플러그인이 함께 제공됩니다. 디렉토리 에서 찾을 수 있습니다 src/@layouts. 여기서 더 읽어보세요
여기에는 로고 및 기타 정적 자산이 포함되어 있습니다. 여기에 정적 자산을 배치할 수 있습니다.
구성 요소를 이 디렉터리에 배치하세요. 이 디렉토리의 구성 요소는 자동으로 등록되고 요청 시 생성됩니다.
여기에는 컴포저블이 포함되어 있습니다. 이 디렉터리 내에 배치된 컴포저블은 사용 시 자동으로 가져옵니다.
앱의 레이아웃을 이 디렉터리에 배치하세요.
이 디렉토리에는 수직 탐색 및 수평 탐색 항목이 포함되어 있습니다. 에 쓰여진 항목은 src/navigation/vertical/index.ts수직 탐색용이고, 에 쓰여진 항목은 src/navigation/horizontal/index.ts수평 탐색용입니다. 두 파일 모두 )로 가져옵니다 src/layouts/default.vue.
관련 항목: API를 통해 데이터베이스에서 탐색 항목 가져오기
pages
앱 페이지가 포함되어 있습니다. 새 파일을 생성하면 파일 이름과 디렉터리에서의 위치에 따라 새 경로가 자동 생성됩니다 pages.
•
기본 예시
1.
src/pages/about.vue다음 내용으로 페이지 디렉토리에 새 파일을 만듭니다.
<template> <p>This is about page</p></template>
TypeScript
복사
2.
페이지를 확인하려면 개발 서버를 방문하세요. 경로를 통해 접속하실 수 있습니다 /about.
경로는 파일 이름을 기반으로 자동 생성됩니다.관련 항목: 새 페이지를 만드는 방법
이 디렉토리에는 템플릿에서 사용한 플러그인이 포함되어 있습니다. 이 디렉토리에 있는 플러그인은 자동으로 등록됩니다.
vue의 경우 nuxt와 유사한 플러그인을 자동 등록할 수 있는 규칙이 있습니다. 플러그인을 등록하기 위해 인수로 사용하고 이를 사용하여 플러그인을 등록하는 export default함수입니다 .app
import type { App } from 'vue'export default function (app: App) { export const store = createPinia() app.use(store)}
TypeScript
복사
이 디렉토리에는 유틸리티 기능이 들어 있습니다. 이 디렉터리에 있는 함수는 사용 시 자동으로 가져옵니다.
큰 페이지를 더 작은 청크/구성 요소로 분리하여 이 디렉터리에 배치할 수 있습니다.
