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

創新互聯公司擁有一支富有激情的企業網站制作團隊，在互聯網網站建設行業深耕十多年，專業且經驗豐富。十多年網站優化營銷經驗，我們已為上千家中小企業提供了網站設計、成都網站設計解決方案，按需求定制開發，設計滿意，售后服務無憂。所有客戶皆提供一年免費網站維護!Vue的優點

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。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯