跳到主内容

VueJS中 @ 在导入路径中是什么意思?

· 1分钟阅读

我正在开始一个新的 vue.js 项目,所以我使用 vue-cli 工具来搭建一个新的 webpack 项目(即 vue init webpack)。

当我浏览生成的文件时,我注意到文件中有以下导入 src/router/index.js:

import Vue from "vue";
import Router from "vue-router";
import Hello from "@/components/Hello"; // <- this one is what my qusestion is about

Vue.use(Router);

export default new Router({
routes: [
{
path: "/",
name: "Hello",
component: Hello,
},
],
});

更新

在 vue-cli 为您制作的脚手架中,基本 webpack 配置的一部分为 .vue 文件设置了别名:

Alias location within project

这是有道理的,因为它为您提供了来自 src 文件的相对路径,并且消除.vue了导入路径末尾的要求