這期內容當中小編將會給大家帶來有關怎么在vue data中引入本地圖片,文章內容豐富且以專業的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

Vue具體輕量級框架、簡單易學、雙向數據綁定、組件化、數據和結構的分離、虛擬DOM、運行速度快等優勢,Vue中頁面使用的是局部刷新,不用每次跳轉頁面都要請求所有數據和dom,可以大大提升訪問速度和用戶體驗。
第一種
<template>
 <img :src="imgsrc">
</template>
<script>
export default {
 data () {
  return {
   imgsrc: require('../../images/ICON-electronicbilling.png')
  }
 }
}
</script>第二種
<template>
 <img :src="imgsrc">
</template>
<script>
import img from '@/images/ICON-electronicbilling.png'
export default {
 data () {
  return {
   imgsrc: img
  }
 }
}
</script>上述就是小編為大家分享的怎么在vue data中引入本地圖片了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注創新互聯行業資訊頻道。
                新聞標題:怎么在vuedata中引入本地圖片-創新互聯
                
                分享路徑:http://www.yijiale78.com/article36/djgssg.html
            
成都網站建設公司_創新互聯,為您提供App開發、云服務器、網站改版、營銷型網站建設、Google、小程序開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
