Vue是一款流行的前端框架，其強大的數據綁定和組件化的特性使其成為眾多開發者選擇的首選。在Vue中，我們可以使用CSS樣式來美化我們的網頁，下面介紹如何引用CSS文件。
首先，我們在Vue項目中的`public`文件夾下創建一個`css`文件夾，用來存放我們的CSS文件。在`css`文件夾下創建一個`style.css`文件，用于存放我們的樣式。
然后，在我們的Vue組件中，可以通過以下方式引用CSS文件：
<template><div class="my-div"><p>這是一個測試Vue組件</p></div></template><script>export default {
name: 'MyComponent',
}
</script><style src="./css/style.css" scoped></style>在`<style>`標簽中，使用`src`屬性指定CSS文件的路徑，這里我們使用相對路徑`./css/style.css`引用了`style.css`文件。
`scoped`屬性用于表示此CSS僅對當前組件有效，防止CSS樣式污染其他組件。
如果需要在組件外的文件中引用CSS文件，可以在`index.html`文件中添加以下代碼：<head><link rel="stylesheet" href="./css/style.css"></head>這樣就可以在整個應用程序中使用這個樣式文件了。 總之，Vue引用CSS文件很簡單，只需要在`<style>`標簽中指定相應的路徑即可。同時，可以使用`scoped`屬性來防止樣式污染。
上一篇mysql8 支持xp嗎
下一篇vue引入多個外部css