Detaillierte Erklärung der Vue-Filter

<Text>
    <div id="Wurzel">
        <h2>Formatierte Zeit anzeigen</h2>
        <!-- Implementierung einer berechneten Eigenschaft -->
        <h2>Es ist {{fmtTime}}</h2>
        <!-- Methodenimplementierung -->
        <h2>Jetzt ist {{getFmtTime()}}</h2>
        <!-- Implementierung der Filterzeit-->
        <h2>Es ist {{Zeit | timeFormater}}</h2>
    </div>
    <div id="root2">
        <h2>Jetzt: {{msg |mySlice }}</h2>
    </div>
    <Skript>
        Vue.config.productionTip = falsch;
        //Globaler Filter Vue.filter('mySlice', function(value) {
            Rückgabewert.Slice(0, 4)
        })
        neuer Vue({
            el: "#root",
            Daten: {
                Zeit: 1637047951556 //Zeitstempel},
            berechnet: {
                fmtZeit() {
                    returniere dayjs(this.time).format('JJJJ Jahr MM Monat TT HH:mm:ss')
                }
            },
            Methoden: {
                getFmtTime() {
                    returniere dayjs(this.time).format('JJJJ Jahr MM Monat TT HH:mm:ss')
                }
            },
            Filter:
                ZeitFormatierer(Wert) {
                    return dayjs(value).format('JJJJ Jahr MM Monat TT HH: mm: ss ')
                }
            },
        })

        neuer Vue({
            el: "#root2",
            Daten: {
                Nachricht: „Hallo Welt“
            }
        })
    </Skript>
</body>