Vue框架是目前流行的前端框架之一,使用Vue編寫的應用程序可以使用CSS樣式表來美化用戶界面。在Vue中,我們可以使用import語句來導入CSS樣式表。
//在Vue組件中導入css樣式表 <template> <div class="my-component"> This is my component </div> </template> <script> import './my-component.css'; export default { name: 'MyComponent' } </script> <style> .my-component { background-color: red; color: white; } </style>
在上述代碼中,我們可以看到在Vue組件中使用import語句來導入CSS樣式表my-component.css。該樣式表存儲在組件文件夾中。
通過使用import語句,我們可以輕松地將CSS樣式表添加到我們的Vue組件中。這使得樣式管理更加簡單,并確保我們的樣式與我們的組件結構一致。