Stilsetting av komponenter i Vue-rammeverket

For å style komponenter i komponentfilen må du skrive taggen style:

App.vue<script>
  
</script>
<template>
  
</template>
<style>
  
</style>

I denne taggen kan du skrive CSS-kode, og den vil bare bli brukt på HTML-koden i komponentet, og ikke utenfor. Dette er spesielt laget for bekvemmelighet.

La oss se på et eksempel. Anta at vi har noen avsnitt:

App.vue<template>
  <p>
    1
  </p>
  <p>
    2
  </p>
</template>

La oss farge dem røde:

App.vue<style>
  p {
    color: red;
  }
</style>