Vueフィルターの詳細な説明

<本文>
    <div id="ルート">
        <h2>フォーマットされた時刻を表示する</h2>
        <!-- 計算プロパティの実装 -->
        <h2>{{fmtTime} です}</h2>
        <!-- メソッドの実装 -->
        <h2>現在は {{getFmtTime()} です。}</h2>
        <!-- フィルター時間の実装-->
        <h2>{{time | timeFormater} です。}</h2>
    </div>
    <div id="root2">
        <h2>現在: {{msg |mySlice }}</h2>
    </div>
    <スクリプト>
        Vue.config で productionTip を false に設定します。
        //グローバルフィルター Vue.filter('mySlice', function(value) {
            戻り値.スライス(0, 4)
        })
        新しいVue({
            el: "#root",
            データ： {
                時間: 1637047951556 //タイムスタンプ},
            計算: {
                fmtTime() {
                    return dayjs(this.time).format('YYYY 年 MM 月 DD HH:mm:ss')
                }
            },
            メソッド: {
                取得FmtTime() {
                    return dayjs(this.time).format('YYYY 年 MM 月 DD HH:mm:ss')
                }
            },
            フィルター:
                時間フォーマッタ(値) {
                    dayjs(value).format('YYYY 年 MM 月 DD HH: mm: ss ') を返します。
                }
            },
        })

        新しいVue({
            el: "#root2",
            データ： {
                メッセージ: 'こんにちは世界'
            }
        })
    </スクリプト>
</本文>