O caminho usa o símbolo @ ao importar módulos em vue, e o símbolo @ para roteamento carregado lentamente em vue

1. Uma parte importante do ES6 é: modularização

1), export: a
interface para o usuário exportar este módulo (um arquivo js no front end pode ser entendido como um módulo, por exemplo: request.js) variáveis.

2) Importar:
usado para carregar outro módulo com interface de exportação em um módulo (este arquivo js deve conter exportação).

3) Quando usamos import para importar um módulo, normalmente usamos assim:
import util from'@/utills/request.js '
ou lazy routing: component: () => import (' @ / views / putong ')

Então o que isso quer dizer?

2. Tudo está relacionado ao webpack

O arquivo webpack.base.conf.js possui o seguinte código:

resolve: {
    // 自动补全的扩展名
    extensions: ['.js', '.vue', '.json'],
    // 默认路径代理
    // 例如 import Vue from 'vue'，会自动到 'vue/dist/vue.common.js'中寻找
    alias: {
        '@': resolve('src'),
        '@config': resolve('config'),
        'vue$': 'vue/dist/vue.common.js'
    }
}