19过滤器

过滤器

过滤器，不是必须要用到的东西，只是vue提供新处理数据的方式。

过滤器适用

• 插值语法
• v-bind (少)
• 简单处理
  • 复杂的使用：computed&& methods

过滤器使用

过滤器;
    定义:对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。
	语法:
        1.注册过滤器:Vue.filter(name,callback)或new Vue{filters:{}
        2.使用过滤器:{{ xxx│过滤器名}}或v-bind:属性=“xxx|过滤器名"
	备注:
    	1.过滤器也可以接收额外参数、多个过滤器也可以串联
		2.并没有改变原本的数据,是产生新的对应的数据

<h3>通过过滤器：{{time | timeFilter}}</h3>
<h3>过滤器可以串联：{{ time | timeFilter | mySlice}}</h3>

时间处理第三方库

• moment.js (体积大)

• dayjs （轻量）

  Day.js 是一个轻量的处理时间和日期的 JavaScript 库，和 Moment.js 的 API 设计保持完全一样. 如果您曾经用过 Moment.js, 那么您已经知道如何使用 Day.js

  dayjs()  	//（）不填值，默认使用当前时间戳
    .startOf('month')
    .add(1, 'day')
    .set('year', 2018)
    .format('YYYY-MM-DD HH:mm:ss')