例如css樣式

background:url("../../assets/head.jpg");

 1、在data中定義如下：

export default {
name: 'productdetailspage',
data() {
 return {
  note: {
  backgroundImage: "url(" + require("../../assets/save.png") + ")",
  backgroundRepeat: "no-repeat",
  backgroundSize: "25px auto",
  marginTop: "5px",
  },
 }
},
 

2、通過行內樣式將樣式引入

<div class="note" :style ="note"></div>

ok大功告成 

 引入img 圖片方法

第一步：在.vue檔案中import  edit from 'path'（path是圖片與.vue的相對路徑）

第二步：在data物件中定義一個屬性edits，值對應edit

第三步：在template中 給標籤繫結屬性

最後重新整理介面看效果就可以了！