路径的引入方式:
1.引入图片路径,当我们动态绑定图片的src的路径的值是由组件的data传值的时候,我们需要在data下的值用require引入这是固定写法
<template>
<div class="home">
<img :src="img" alt="">
</div>
</template>
<script>
// @ is an alias to /src
export default {
name: 'Home',
data(){
return{
img:require('../assets/logo.png')
}
}
}
</script>
2.注意在脚手架中 路径的@ 符号代表着去src下面去找
3.~ 波浪线 代表在module.exports下去找
-
/ 默认斜线去public里面去找
5.引入css样式,要在 import的前面加个 @符号