在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 在vue頁面中用img顯示圖片，有幾種方式引入資源？

在vue頁面中用img顯示圖片，有幾種方式引入資源？

data(){

 return{
    img:require("../../../static/imgs/advance/icon_1.png"),
    
    ===============
    
    上面這種方式有什么特點(diǎn)，那個repuire是屬于 es6  還是 webpack ?
    
    
    ==============
    還有其他什么方式引入呢？
回答
編輯回答
遲月
  1. require 是 CommonJS 格式
  2. es6 使用 import

其他引入的方式可以了解下js模塊化發(fā)展

2017年3月17日 22:24
編輯回答
笑浮塵

兩種，按照約定俗成的習(xí)慣，不經(jīng)過webpack處理的放在static，需要經(jīng)過處理的放assets：

  1. 一種是不經(jīng)過webpack處理，直接寫絕對路徑拿static里的文件，直接寫/static/xx/xxx.png。
  2. 一種是經(jīng)過使用webpack處理，不管是require還是import，使用如你所寫的方式主動引入，并聲明未一個變量，后續(xù)使用這個變量。

注意只有在js邏輯里跑的代碼，才需要使用主動引入的方式，畢竟，代碼開始執(zhí)行跑在客戶端的時(shí)候是沒有webpack環(huán)境的，向你直接在template中寫的<img src="../../assets/xx.png">是會直接走webpack的。

2017年11月23日 16:03