vue 的过滤器简单实现 filter

1. 理解过滤器
   功能: 对要显示的数据进行特定格式化
   注意: 不改变原数据, 而是产生新数据
2. 代码实现：
   1.注册的过滤器

Vue.filter('dateFormater',function(value,str='YYYY-MM-DD'){
			return moment(value).format(str)
		})

2. 注册vue

new Vue({
				el:'#root',
				data:{
					time:Date.now()
				},
			})

3. 页面

<div id="root">
		<h2>显示格式化前的时间</h2>
		<h3>{{time}}</h3>
		<h2>显示格式化后的时间</h2>
		<h3>{{time | dateFormater}}</h3>
		<h3>{{time | dateFormater('YYYY-MM-DD HH:mm:ss')}}</h3>
	</div>	

实现结果如下：