如何在单个页签中增加日期？

<script>
    var currentDate = new Date();
    document.getElementById("date").innerHTML = currentDate.toDateString();
</script>

<div id="date"></div>

<template>
    <div>{{ currentDate }}</div>
</template>

<script>
    export default {
        data() {
            return {
                currentDate: new Date().toDateString()
            };
        }
    };
</script>

<style>
    .date::before {
        content: attr(data-date);
    }
</style>

<div class="date" data-date="2022-01-01"></div>