0502_shjest 图片的引入方式

如果讲图片直接放在asserts/images目录下面发现是很容易出错的，解决方法：

将图片放在static/images文件下面，图片一类的静态文件，默认应该放在这个static文件夹下

 <img :src="banner">

export default {
  name: "Home",
  data(){
      return{
        banner:'static/images/banner.jpg'
      }
  },
}

方法二：

 <img :src="banner">

import banner1 from '../../assets/images/banner.jpg'
    export default {
      name: "Home",
      data(){
          return{
            banner:banner1
          }
      },
      component(){
        banner1
      }
    }

 

转载于:https://www.cnblogs.com/haonanya/p/8982174.html