Vue中如何通过两种方法将本地图片数据引入组件？

本文共计217个文字，预计阅读时间需要1分钟。

我明白了，以下是对您提供内容的简化

原文：我就不多说了，大家直接看吧！

简化版：不多说，直接看！

原文：javascripttemplate img:src=imgsrc

简化版：javascripttemplate img:src=imgsrc

原文：javascripttemplate img:src=imgs

简化版：javascripttemplate img:src=imgs

我就废话不多说了，大家直接看吧！

第一种

<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引入本地图片的两种方式小结就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。