vue过滤器之时间过滤器

vue中过滤器有两种：全局和私有

当两种过滤器都存在且同名时，按照就近原则，优先使用私有过滤器。

全局过滤器

<script type="text/javascript">
	Vue.filter("dateFormat",function(val){
		let date = new Date(val);
		let y = date.getFullYear();
		let M = date.getMonth().toString().padStart(2,"0");
		let d = date.getDate().toString().padStart(2,"0");
		let h = date.getHours().toString().padStart(2,"0");
		let m = date.getMinutes().toString().padStart(2,"0");
		let s = date.getSeconds().toString().padStart(2,"0");
		return `${y}-${M}-${d} ${h}:${m}:${s}`
	})
</script>

私有过滤器

<script type="text/javascript">
	var vm = new Vue({
		el: "#app",
		data: { 
		},
		methods: {
		},
		filters: {
			dateFormat(val){
				let date = new Date(val);
				let y = date.getFullYear();
				let M = date.getMonth().toString().padStart(2,"0");
				let d = date.getDate().toString().padStart(2,"0");
				let h = date.getHours().toString().padStart(2,"0");
				let m = date.getMinutes().toString().padStart(2,"0");
				let s = date.getSeconds().toString().padStart(2,"0");
				return `${y}-${M}-${d} ${h}:${m}:${s}`
			}
		}
	});
</script>