过滤器

首先看现在的时间戳,在控制台获取时间戳，在通过一些前端插件库来格式化时间

Date.now()

推荐bootcdn

bootcdn收录了很多前端库.这里引用了轻量的dayjs.可以引入在线的地址，但是没有连接网络的时候就失效了，可以复制粘贴脚本的地址到地址栏，之后保存为本地文件，再引入使用。

    <div id="filters">
        <h2>显示格式化后的时间</h2>
        <!-- 计算属性实现 -->
        <h3>现在是:{{fmtTime}}</h3>
     </div>


      new Vue({
            el: '#filters',
            data: {
                time: 1682418415884
            },
            computed: {
                fmtTime() {
                    return dayjs(this.time)
                }
            },

如果计算属性fmtTime的返回值是dayjs（），没有参数函数运行时对运行时候的时间做格式化处理，加入参数是对参数做处理。

过滤器定义

对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑的处理)

语法

1. 注册过滤器:Vue.filter(name,callback)或者new Vue(filters:{})
2. 使用过滤器:{{ xxx | 过滤器名}}或v-bind:属性="xxx |过滤器名"

备注

1. 使用过滤器也可以接收额外的参数,多个过滤器也可以串联
2. 并没有改变原本的数据,是产生新的对应的数据