[Vue] 절대경로 상대경로

1. 절대 경로

@ : src(루트)부터 시작

 

2. 상대 경로

../ : 상위 폴더로 올라갈 때

./ : 현재 같은 폴더에 있을 때

 

 

import 단축키 

html 안에 컴포넌트 파일 이름을 적다 보면 아래 굵은 글씨와 같이
<template>
  <hello-worl + Ctrl+ Spacebar 엔터를 누르면
</template>

자동으로 스크립트 안에 import와 component 등록이 가능하다 
- import helloWorld from '경로' 
- components : { HelloWorld }

import 해야 할 파일이 현재 파일에서 가깝다면 : 상대 경로
import해야할 파일이 현재 파일에서 멀고 루트에서 가깝다면 : 절대 경로

 

 

---

ex) 

현재 컴포넌트(test.vue)에서 assets폴더에 있는 logo.png 파일 import 하기

현재 컴포넌트 (App.vue)에서 assets 폴더에 있는 logo.png 파일 import 하기

// 경로

// 현재 컴포넌트 경로 : src/App.vue

// logo.png 경로 : src/assets/logo.png