JS / VueJS динамические табы с объектами

Доброго времени суток.

Мне необходимо реализовать табы на чистом JS, либо на VueJS (желательно всё же на чистом) которые находятся на фронтенде изначально без единого "таба".

В чем заключается проблема и что вообще мне нужно? Постараюсь описать.

Бекенд генерирует JSON объект таба подобного типа (можно и другого вида):

{
    "tabs1": [
        {
            "name": "Tab 1",
            "message": "Первый tab"
        }
    ],
    "tabs2": [
        {
            "name": "Tab 2",
            "message": "Второй tab"
        }
    ],
}

На фронтенде есть определенный div, в случаи, если массив Tabs не пустой, то необходимо создать таб с именем name и содержимым message.

Как можно реализовать подобное? Есть мысль, чтобы создать функцию "addTabs", которая будет принимать в себя имя и содержимое, а уже после циклом добавлять табы.