Vue-JS: как менять вьюшки в зависимости от типа пользователя?

Есть страница. На ней панель. Нужно каждому типу пользователей: гость, залогиненый, админ показывать разные ссылки на ней. Не могу понять правильно ли я думаю, что пытаюсь сделать именно так:

var userMenu = Vue.component("usermenu", Vue.extend({
    template: "#usermenu",
    components: {
     guestView: Vue.extend({
        template: `
              <p>Quest</p>
            `}),

      userView: Vue.extend({
        template: `
                <p>User</p>
            `}),     

      adminView: Vue.extend({
        template: `
                <p>Admin</p>
            `})

    }

Vue.component('usermenu', userMenu)


Как вообще в vue-js компоненты переключать правильно? Чтобы другой отобразить? Как им состояние передавать? Глобальную переменную какую-то делать или что?
  • Вопрос задан
  • 781 просмотр
Решения вопроса 1
@kartio
<component :is="view"></component>

соответственно параметр view менять в зависимости от состояния пользователя
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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