相对路径与绝对路径

相对路径与绝对路径

1. 相对路径 ：以当前的文件作为一个起点去查找另外的一个文件的所在位置。
2. 绝对路径 ：从电脑盘符或者域名开始的一个完整的路径。

相对路径通常使用的一些符号及其符号所代表的意义概述如下：
“./”：表示当前的文件所在的目录。

“…/”：表示当前的文件所在的上一层的目录。

“/”：表示当前的文件所在的根目录。

例如相对路径在HTML中引用的方法如下：

1. 当前的文件所在的目录表示为：

<img src=”./图片01.png”>或<img src=” 图片01.png”>

2. 当前的文件所在的上一层的目录表示为：

<img src=”../图片/图片01.png”>

3. 当前的文件所在的根目录表示为：

<img src=”/图片/图片01.png”>

如果在数据层获取真实图片路径，就是这样写：:src=require("../assets/images/user.jpg")，或者用@代替项目根目录：:src=require("@/assets/images/user.jpg")
如果在模板层，直接src="../assets/images/user.jpg"
src=“require(图片路径)”，这样写是解析不出来的。没有v-bind，vue认为就是一个字符串，压根不会解析