一、项目路径

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">

../../ 代表当前文件(index.vue)所在目录(LayOut)的上上级目录（src）

../../images/1.jpeg代表在index.vue页面引入图片1.jpeg。

---

以此类推，如果是../../../xxx 就是当前文件所在目录的上上上级目录