add and remove DOM using Alpine.js

index.html

<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>

<div x-data="{data: []}">
    <div @click="data.push({ randomNumber: new Date().getTime() })">(Click Here To Add New Data)</div>
    <template x-for="(item, index) in data" :key="index">
        <div>
            <span x-text="item.randomNumber"></span>
            <span @click="data.splice(index, 1)">Remove</span>
        </div>
    </template>
</div>