最近在使用Vue框架的過程中,遇到了一個奇怪的問題,就是無論我怎樣嘗試將CSS文件導入到Vue單文件組件中,都無法成功。這里記錄一下我所嘗試的方法與解決思路。
首先,我嘗試使用普通的標簽將CSS文件導入到Vue單文件組件中:
<template> <div class="my-component"> <h1>Hello, World!</h1> </div> </template> <script> export default { name: 'MyComponent' } </script> <style> <link rel="stylesheet" type="text/css" href="./my-component.css"> </style>
然而,我發現這種方式是行不通的,因為Vue不允許在