1. 程式人生 > >分享我的點點滴滴,在成長路上與你同行!

分享我的點點滴滴,在成長路上與你同行!

方式一: 

 <!--注意:寫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);
	}

效果: