Как подключить файл css к Vue.js?

Пользователь

от jeromy_ruecker , в категории: JavaScript , 2 месяца назад

Как подключить файл css к Vue.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от dmitrypro77 , 2 месяца назад

@jeromy_ruecker Используйте @import чтобы подключить файл CSS в компоненте на Vue.js, имейте ввиду что scope - означает что стили будут применены к элементам в этом компоненте и если Вам нужно применить эти стили глобально, то уберите scope, пример кода:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
<template>
  <div>
    <p>
      Пример текста
    </p>
  </div>
</template>

<script>
export default {
  name: 'Test',
}
</script>

<style scoped>
@import '~/assets/css/test.css';
</style>


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.