<img :src="require('../../../assets/images/xxx.png')" />

这里还可以产生一个问题，为什么Vue中给img标签设置src属性会不生效

因为动态添加src被当做静态资源处理了，没有进行编译，所以要加上require。

<img :src="require('../../../assets/images/xxx.png')" />

不是应该 require('@/assets/images/xxx.png') 这样吗？？你这样多浪费资源啊 @chenqim

require('@/assets/images/xxx.png')

<img :src="require('../../../assets/images/xxx.png')" />

不是应该 require('@/assets/images/xxx.png') 这样吗？？你这样多浪费资源啊 @chenqim

学到了

这个 issues 不明确，这个应该属于打包工具范畴，和 Vue 没多大关系。可以用一个很简单的例子证明，直接用 script 的形式引入vue，然后更改src的值看能不能访问，麻烦你们弄清楚其中的原理再来解决问题

这个应该和vue没关系把,图片，需要改变的时候，就切换src啊

@chenqim 实际中并不需要这样，直接在src里面写@/assets/xxx.png即可（前提是你的项目通过vue-cli生成或配置了file-loader）

用require()引入

这个 issues 不明确，这个应该属于打包工具范畴，和 Vue 没多大关系。可以用一个很简单的例子证明，直接用 script 的形式引入vue，然后更改src的值看能不能访问，麻烦你们弄清楚其中的原理再来解决问题

为什么不把自己的思路说出来呢？不应该是提出问题，解决问题吗？

因为动态添加src被当做静态资源处理了，没有进行编译，所以要加上require。
<img class="logo" :src="require("./../assets/images/logo.png")" alt="公司logo">

这个问题应该是指 vue 这种情况吧

<img :src="name" />

data(){
return {
name: ''
}
}

用 this.$set