La ruta usa el símbolo @ al importar módulos en vue, y el símbolo @ para el enrutamiento cargado de forma diferida en vue

1. Una parte importante de ES6 es: modularización

1), exportar: la
interfaz para que el usuario exporte este módulo (un archivo js en el front-end puede entenderse como un módulo, por ejemplo: request.js) variables.

2) Importar: se
utiliza para cargar otro módulo con interfaz de exportación en un módulo (este archivo js debe contener la exportación).

3) Cuando usamos importar para importar un módulo, generalmente lo usamos así:
import util from'@/utills/request.js '
o enrutamiento diferido : componente: () => import (' @ / views / putong ')

¿Entonces, qué significa esto?

2. Todo está relacionado con el paquete web.

El archivo webpack.base.conf.js tiene el siguiente 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'
    }
}