在项目中我们静态的引入一张图片肯定是可以引入成功的,而引用图片所在的vue文件肯定也是被编译的,那静态引入图片最终会被编译成什么样呢,模拟一波: // vue文件中静态的引入一张图片<template><!-- 直接引入图片静态地址, 不再使用v-bind --></template>//最终编译的结果//这张图片是可以被正确打开的 根据上面...
前言 站在巨人的肩膀上借力 vue中动态引入图片为什么要是require, 你不知道的那些事[https://juejin.cn/post/7159921545144434718]
按照问题2我们知道这个动态引入的图片最终是被编译了,只是被编译之后无法正确的引入图片资源而已。所以这句话本来就是错的。针对于我们的标准答案,我在这里进行改写: 因为动态添加src被当做静态资源处理了,而被编译过后的静态路径无法正确的引入资源,所以要加上require 那这里就诞生了一个新的疑问:被编译过后的静态路径...
按照问题2我们知道这个动态引入的图片最终是被编译了,只是被编译之后无法正确的引入图片资源而已。所以这句话本来就是错的。针对于我们的标准答案,我在这里进行改写: 因为动态添加src被当做静态资源处理了,而被编译过后的静态路径无法正确的引入资源,所以要加上require 那这里就诞生了一个新的疑问:被编译过后的静态路径...
因为动态添加src被当做静态资源处理了,而被编译过后的静态路径无法正确的引入资源,所以要加上require 那这里就诞生了一个新的疑问:被编译过后的静态路径为什么无法正确的引入资源? 想得到这个问题的答案,我们得先从正常的引入一张图片开始。在项目中我们静态的引入一张图片肯定是可以引入成功的,而引用图片所在的vue文件...
编译过后的图片资源地址:/img/logo.6c137b82.png 那要怎么解决上述的问题呢,答案就是:require 4. 加上require为什么能正确的引入资源,是因为加上require就能编译了? 针对这个问题,首先就要否定后半句,无论加不加require,vue文件中引入一张图片都会被编译。
编译过后的图片资源地址:/img/logo.6c137b82.png 那要怎么解决上述的问题呢,答案就是:require 4、加上require为什么能正确的引入资源,是因为加上require就能编译了? 针对这个问题,首先就要否定后半句,无论加不加require,vue文件中引入一张图片都会被编译。
编译过后的图片资源地址:/img/logo.6c137b82.png 那要怎么解决上述的问题呢,答案就是:require 4. 加上require为什么能正确的引入资源,是因为加上require就能编译了? 针对这个问题,首先就要否定后半句,无论加不加require,vue文件中引入一张图片都会被编译。
因为动态添加src被当做静态资源处理了,而被编译过后的静态路径无法正确的引入资源,所以要加上require 那这里就诞生了一个新的疑问:被编译过后的静态路径为什么无法正确的引入资源? 想得到这个问题的答案,我们得先从正常的引入一张图片开始。在项目中我们静态的引入一张图片肯定是可以引入成功的,而引用图片所在的vue文件...