Vue的assets目錄是用來存儲項目所需資源的文件夾。在開發和構建過程中,有時需要添加自定義的css樣式,這就需要使用assets目錄下的css文件。
為了使用assets目錄下的css文件,需要在vue組件中通過link標簽引入相應的文件。下面是一個示例代碼:
<template> <div> <!--頁面內容--> </div> </template> <script> export default { name: 'MyComponent', data() { //數據對象 }, methods: { //方法 } } </script> <style src="@/assets/css/my-style.css"></style>
在以上示例代碼中,我們使用了@符號來代表src目錄,將my-style.css文件路徑定位到assets/css目錄下。在組件中加入style標簽并指定目標文件即可完成引用。