Vue页面中引入img图片的方法

我们在学习html的时候,图片标签Vue页面中引入img图片的方法
文章图片

但是这样会有2个弊端:

  • 因为采用绝对路径引入,所以如果后面这张图片移动了目录,就需要修改代src里的路径
  • 如果这张图片在同一页面内有多个地方要使用到,就需要引入多次,而且图片移动了目录,这么多地方都要修改src路径
怎么办?使用动态路径import、require 首先讲讲这两个兄弟,在ES6之前,JS一直没有自己的模块语法,为了解决这种尴尬就有了require.js,在ES6发布之后JS又引入了import的概念
使用import引入
import之后需要在data中注册一下,否则显示不了


使用require引入

【Vue页面中引入img图片的方法】到此这篇关于Vue页面中引入img图片的方法的文章就介绍到这了,更多相关Vue引入img图片内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

    推荐阅读