在學(xué)習(xí)vue的過程中，我發(fā)現(xiàn)一個問題如下：
引用圖片的時候，用以下方式完全沒問題：

![](../assets/goods1.png)

但是，將圖片路徑寫在js里面就不行了，如下：

![](item.path)

export default {
    name: 'allList',
    data () {
      return {
        item: {
            path: './../assets/goods1.png',
            name: '普洱茶',
            price: '$100'
        }
      }
    }
  }

最終解決方法為：

• 使用import或require引入圖片資源，如下為使用import引入：

import path1 from './../assets/goods1.png'

export default {
    name: 'allList',
    data () {
      return {
        item: {
            path: path1,
            name: '普洱茶',
            price: '$100'
        }
      }
    }
  }

• 也可以將圖片放入外面的static文件夾內(nèi)，然后：

export default {
    name: 'allList',
    data () {
      return {
        item: {
            path: './.../static/goods1.png',
            name: '普洱茶',
            price: '$100'
        }
      }
    }
  }

最后成功解決問題！