Vue.js框架--绑定图片几种方式

方式一： 

 <!--注意：写src/assets/文件-->
 <img src="src/assets/logo.png" />

 

方式二：

<img v-bind:src='imgUrl' />


data() {
			return {
				msg: '欢迎使用Vue.js',
				imgUrl: require('./assets/logo.png') //存放图片路径

			}
	 }

方式三：

<img v-bind:src='imgUrl' />
data() {
			return {
				msg: '欢迎使用Vue.js',
 			    imgUrl:'' //图片
 
			}
		},

created(){ //初始化图片数据
		let urlTemp="assets/logo.png";
		this.imgUrl=require("/"+urlTemp);
	}

效果: