vue2.x中static和assets中放置图片的区别

相同：在html中可以直接使用

不同：assets中图片会经过webpack编译，路径不可以直接写，在js中使用时，动态绑定路径需要通过require引入

static中建议放一些外部第三方，自己的放到assets，别人的放到static中。

项目在经过打包后，会生成dist文件夹，static中的文件只是复制一遍而已。

例子：

<img :src="assetsURL" alt="图片加载失败" title="assets下的图片">
<img :src="staticURL" alt="图片加载失败" title="static下的图片">

data(){
    return {
        assetsURL: require('../../assets/11.png'),
        staticURL: require('../../../static/11.png'),
    }
}

data(){
    return {
        assetsURL: require('@/assets/11.png'),
        staticURL: require('@/static/11.png'),
    }
}

@为build\webpack.base.conf.js中resolve\alias下的指定路径src，其他路径则用~

<img src="~/logo.png">
<img src="@/logo.png">