Vue中@与~的使用

@这是webpack设置的路径别名。

        在build/webpack.base.conf这个文件里面定义。       

        vue项目中默认定义了@（最常用）和vue$两个别名，如果需要，可以自己添加。

而且@默认定义的意思是src这个文件夹的路径。

import navtabbar from '@/components/common/navtabbarcommon/navtabbar'

如图则是@的使用方法

~ 使用说明
 ~是相对于其他路径（文件）的，类似于相对路径

 <img src="~@/assets/img/home/recommend.png" alt="">

如图是~的使用方法，~@相当于src目录下的文件