Как в Vue задать отдельные наборы стилей для компонентов-родителей?

Есть 2 готовые верстки: основной сайт и административный раздел. Нужно задать свои стили для каждой части.
Структура следующая:
App
-Site
--Index
--About
-Admin
--Dashboard

Где App,Site,Admin - это родительские компоненты с route-view. Используется vue-router.
Как загружать стили для Site и Admin по отдельности? С учетом того, что для каждого раздела есть несколько файлов css.
  • Вопрос задан
  • 38 просмотров
Пригласить эксперта
Ответы на вопрос 1
Aleksandr-JS-Developer
@Aleksandr-JS-Developer
Лучше проще, чем никогда
В компонентах:
<template>...</template>
<script>...</script>

<style scoped src="./file1.css"></style>
<style scoped lang="scss" src="./file2.scss"></style>
<style scoped>
  .selector: { color: red; }
</style>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы