如何在Vue中引用CSS

在Vue中引用CSS有多種方式，以下是常見的幾種方法：

1、內(nèi)聯(lián)樣式：在HTML元素中使用style屬性直接定義樣式。

<div style="color: red;">這是一段紅色的文本</div>

2、外部樣式表：通過<link>標(biāo)簽引用外部CSS文件。

<link rel="stylesheet" href="path/to/your/styles.css">

3、組件樣式：在Vue組件中定義樣式。

export default {
  name: 'MyComponent',
  data() {
    return {}
  },
  methods: {},
  computed: {},
  watch: {},
  style: {
    color: 'red',
    fontSize: '16px'
  }
}

4、scoped樣式：在Vue組件的<style>標(biāo)簽中定義樣式，樣式只在當(dāng)前組件中生效。

<style scoped>
.my-class {
  color: red;
}
</style>

5、模塊樣式：使用CSS模塊來避免樣式?jīng)_突。

import styles from 'path/to/your/styles.css';

在組件中使用：

<div class="my-class"></div>

是在Vue中引用CSS的幾種常見方式，你可以根據(jù)自己的需求選擇適合的方式。