我正在开始一个新的 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
文件设置了别名:
这是有道理的,因为它为您提供了来自 src 文件的相对路径,并且消除.vue
了导入路径末尾的要求