Как добавить html код по клику vue.js

Мне нужно, чтобы по клику на кнопку

<div id="preview-buttons">
        <a href="" v-on:click="showMore">Показать еще</a>
    </div>

у меня загружались данные, которые формируются с помощью вот такого html кода

<div v-for="item in list"> <p>{{item.id}}</p> <img :src="item.url" alt=""> </div>

мой скрипт

data() {
        return {
            list: [],
        };
    },
    methods: {
        showMore: function($state) {
            axios.get(api).then((data) => {
                var newData = data.data.slice(21,41);
                if (newData.length) {
                    this.list = this.list.concat(newData);
                    $state.loaded();
                    if (this.list.length / 20 === 1) {
                        $state.complete();
                    }
                } else {
                    $state.complete();
                }
            });
        },
    },