关于相对路径./ ../ ../../的详细示例
2020-03-05 本文已影响0人
五花漏Z
一、项目路径
image.png二、语法格式
(1)/ :一个斜杠表示根目录。
(1)./ :当前文件所在目录——当前目录
(1)../ :当前文件所在目录的上一级目录——父级目录
(1)../../ :当前文件所在目录的上上级目录,以此类推。
三、当前在firstVue\src\components\LayOut\index.vue
页面
例1:
src="./index.scss"
./ 代表当前文件(index.vue
)所在目录(LayOut
)
./index.css
代表在index.vue
页面引入index.css
页面
例2:
import HelloWorld from '../HelloWorld.vue'
../ 代表当前文件(index.vue
)所在目录(LayOut
)的上一级目录(components
)
../HelloWorld.vue
代表在index.vue
页面引入HelloWorld.vue
组件
例3:
<img src="../../images/1.jpeg">