How to display multiple links at once?

Question

Vue.js

Task:
Display a list of menu items.

<template>
    <div class="menu-catalog">
        <div class="catalog-item" v-for="item in items">
            <p class="title">{{item.title}}</p>
            <a href="#">{{item.links.join(' ')}}</a>
        </div>
    </div>
</template>

data() {
            return {
                items: [
                    {
                        title: 'Загловок 1',
                        links: [
                            'Ссылка 1',
                            'Ссылка 2',
                            'Ссылка 3',
                        ],
                    },
                    {
                        title: 'Загловок 2',
                        links: [
                            'Ссылка 4',
                            'Ссылка 5',
                        ],
                    },
                    {
                        title: 'Загловок 3',
                        links: [
                            'Ссылка 6',
                            'Ссылка 7',
                            'Ссылка 8',
                            'Ссылка 9',
                        ],
                    },
                ],

            }
        },

Can you please tell me how to display links?
I can get one link

<a data-v-325c1b48="" href="#">Ссылка 1 Ссылка 2 Ссылка 3</a>

I need to split it into several.

<a data-v-325c1b48="" href="#">Ссылка 1</a>
<a data-v-325c1b48="" href="#">Ссылка 2</a>
<a data-v-325c1b48="" href="#">Ссылка 3</a>

Answer 1

Instead let it be
<a href="#">{{item.links.join(' ')}}</a>
<a v-for="n in item.links" href="#">{{ n }}</a>