相对路径 与 绝对路径的区别

在Vue中，相对路径和绝对路径通常指的是在引用资源文件时使用的路径类型。

1.相对路径（Relative Path）：相对路径是相对于当前文件的位置。例如，如果你有一个图片文件和一个Vue组件文件，它们位于同一目录下，你可以使用相对路径来引用这个图片。

<template>

<img src="./logo.png" alt="Logo">

</template>

在这个例子中，src="./logo.png" 使用了相对路径。./ 表示当前目录，所以logo.png 文件就被认为是与当前Vue组件文件位于同一目录下。

2.绝对路径（Absolute Path）：绝对路径是从项目的根目录开始的完整路径。例如，你可以使用绝对路径来引用一个位于项目根目录下的assets文件夹中的图片。

<template>

<img src="/src/assets/logo.png" alt="Logo">

</template>

在这个例子中，src="/src/assets/logo.png" 使用了绝对路径。/src/ 表示项目的根目录。

在实际开发中，通常推荐使用相对路径，因为这样可以保证无论组件在项目中的位置如何，引用的资源都能正确找到。绝对路径虽然简单，但如果项目结构变化，路径可能需要大幅度更新，不推荐用于生产环境。