import vue from vue

起初看到这样写，也没有管是什么意思，只是别人这样写，我也这样写，反正会用就成，再说了使用vue脚手架生成项目后在main.js中就有这玩意。今天吃饭的时候就好好研究了一下，没有办法，正在成长的道路上。

import vue form 'vue'

如果写全的话是import vue from '../nodemouls/vue/list/vue.js'

这样写显然十分的不方便，此时在webpack.base.conf.js中进行了定义，内置了一些选项，extenions:['.js','.vue','.json'],意思是省略后面的后缀，由webpack来自动为我们加上。

如果名字比较长，还可以起个别名。

alias:{

  '@':resolve('src'), //它的意思是在vue项目中，引入路径的时候使用@即代表src文件夹，省去了../../../的操作，十分方便呀有没有

}

那么问题来了，当我们在模板中写img的时候有时也需要翻着找，那么能用@代替吗？答案是当然可以的，

比如在assets文件夹中有张图片，logo.png。以往写可能是：<img src="../../src/assets/logo.png">，现在知道怎么回事以后可以直接这样写：<img src="@/assets/logo.png">试验发现这是能成功的，但是lssue提出的方案是在@前面加上~。两者均能成功