在vue的项目中，我们会遇到

import Vue from 'vue'
import Router from 'vue-router'
import searchinput from '../components/mod/searchinput'
import HelloWorld from '@/components/HelloWorld'

这样的路径引用

其中，./ 表示的是当前目录下，../表示的是父级目录下，
@/ 是webpack设置的路径别名，具体代表什么路径，要看webpack的build文件夹下webpack.base.conf.js里面对于@是如何配置

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

在这里，@/就代表了src这个文件下