后续会补充
1.require引入
src -> asstes
<template>
<img :src="url">
</template>
<script>
export default {
name: 'App',
data(){
return{
url: require("./assets/logo.png"),
}
}
}
</script>
2.import引入
src -> asstes文章来源:https://www.toymoban.com/news/detail-828728.html
<template>
<img :src="url">
</template>
<script>
import URL from "./assets/logo.png";
export default {
name: 'App',
data(){
return{
url: URL,
}
}
}
</script>
3.public引入
public -> img文章来源地址https://www.toymoban.com/news/detail-828728.html
<template>
<img :src="url">
</template>
<script>
export default {
name: 'App',
data(){
return{
url: "img/logo.png",
}
}
}
</script>
到了这里,关于Vue练习5:图片的引入的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!