Vue中路径的 “@/“ 和 “./“ 的区别

./：表示相对路径，代表当前目录下的同级目录，遵从的是从后往前找文件

@：等价于 /src 这个目录，遵从的是从前往后找，是为了避免麻烦又怕写错的相对路径的简写

因为在根目录/build/webpack.base.conf.js文件中配置过 @ 的

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
        'vue$': 'vue/dist/vue.esm.js',
        '@': resolve('src'),
    }
},

比如 “@/components/login” ：表示src/components/login文件

相对路径一定是以 ./ 或 ../ 或 啥都没写 开头的。如：./img、../img、img

除相对路径外的都是绝对路径