vue路径中的@和./以及../

110 阅读1分钟

在Vue.js中,路径中的@./../具有不同的含义和用途:

@ 符号:

@ 符号通常用作一个别名,表示项目的根目录。它是一种特殊的路径别名,通常在Webpack或Vue CLI等构建工具中配置。

使用@可以方便地引用项目中的模块、组件、资源等,而不需要指定完整的相对路径或绝对路径。

例如,如果你有一个Vue组件位于项目根目录下的src/components文件夹中,你可以使用@来引用它,如下所示:  

import MyComponent from '@/components/MyComponent.vue';

./ 符号:

./ 表示当前目录,用于引用与当前文件位于同一目录下的资源。

用于相对路径引用。

例如,要引用当前文件夹中的一个资源:

 import SomeModule from './SomeModule.vue';

../ 符号:

../ 表示相对路径,用于引用当前文件或文件夹的父级目录中的资源。

通过多次使用../可以向上导航到不同级别的父目录。

例如,如果你有一个Vue组件位于当前文件的父级目录中,你可以使用../来引用它,如下所示:

 import AnotherComponent from '../AnotherComponent.vue';