圖片放在 assets目錄下 和static 目錄下

• 固定的引入(不使用v-bind)

<img src="../assets/logo.png">

• 把圖片放static 目錄,直接通過data引入

// template
<img v-bind:src=imgSrc>
// srcipt
export default {
  data () {
    return {
      imgSrc: '../static/launch.png'
    };
  }
};

或者不通過data，直接在html中引入

//template
<ul class="index-board-list">
        <li class="board-item" v-for="(item,index) in boardList" :class="[{'line-last':index % 2 != 0},'index-board-' + item.id]">
          <img :src="'../../static/images/'+(index+1)+'.png'">
          <p>{{index}}</p>
          <div class="board-item-right">
            <p>{{ item.title }}</p>
            <p>{{ item.description }}</p>
            <button class="buy_now">立即購買</button>
          </div>
        </li>
      </ul>
//script
export default {
  data() {
    return {
      boardList: [
        {
          title: "開放產(chǎn)品",
          description: "開放產(chǎn)品是一款開放產(chǎn)品",
          id: "car",
          toKey: "analysis",
          saleout: false,
          // src: "../../static/images/1.png"
        },
        {
          title: "品牌營銷",
          description: "品牌營銷幫助你的產(chǎn)品更好地找到定位",
          id: "earth",
          toKey: "count",
          saleout: false,
          // src: "../../static/images/2.png"
        },
        {
          title: "使命必達(dá)",
          description: "使命必達(dá)快速迭代永遠(yuǎn)保持最前端的速度",
          id: "loud",
          toKey: "forecast",
          saleout: true,
          // src: "../../static/images/3.png"
        },
        {
          title: "勇攀高峰",
          description: "幫你勇闖高峰，到達(dá)事業(yè)的頂峰",
          id: "hill",
          toKey: "publish",
          saleout: false,
          // src: "../../static/images/4.png"
        }
      ]
    }
  }
};

• 如果放在其它目錄(如assets目錄),直接通過data引入,則需要如下引入

require('../assets/launch.png') 或者 import logo from '../assets/logo.png'

如：

// template
<img v-bind:src=imgSrc>
// srcipt
export default {
  data () {
    return {
      imgSrc: require('../assets/launch.png')
    };
  }
};

import logo from '../assets/logo.png
// template
<img v-bind:src=imgSrc>
// srcipt
export default {
  data () {
    return {
      imgSrc: logo
    };
  }
};