在Vue開發中,assets是一種非常重要的資源類型,通過assets可以很方便地管理需要在應用程序中使用的各種資源文件,例如圖片、字體、音頻、視頻等等。Vue提供了一種簡單的方式來使用assets,下面將為大家講解其具體用法。
首先,我們需要創建一個assets目錄,用于存放各種資源文件,例如images目錄用于存放圖片,fonts目錄用于存放字體文件。然后,在Vue組件中使用require函數來引入這些資源文件,例如:
<template> <div> <img :src="require('@/assets/images/logo.jpg')" /> <p class="font">Hello World</p> </div> </template> <style scoped> .font { font-family: url('~@/assets/fonts/xxx.ttf'); } </style>
可以看到,我們使用require函數來引入需要使用的資源文件,其中'@'代表src目錄,'~'代表node_modules目錄。在模板中使用標簽來展示圖片,使用字體文件的話需要在