У меня есть приложение, которое в основном содержит страницы со светлым текстом на темном фоне.Я хотел бы иметь возможность указать класс на <div id="app"></div>
, как <div id="app" class="theme--dark"></div>
.Я пытаюсь определить лучший подход к этому в приложении Vue.js 2.0.
Было бы лучше указать параметр в router.js
, например themeLight: true
на страницах, которые должны иметь альтернативную тему?Или это должно быть сделано в store.js с использованием Vuex?
Например:
const router = new Router({
routes: [
{
name: 'Profile',
path: '/profile',
component: Profile,
themeLight: true
}
]
});
Как мне нужно получить доступ к значению themeLight
в App.vue, чтобы применитьэто на <div id="app"></div>
?