vueでグローバルフィルタを定義する

グローバルフィルタは、Vueインスタンスの前に配置する必要があります.そうしないと、

は有効になりません.

グローバルフィルタの役割:フォーマットテキスト

padStart(arg 1,arg 2):es 6の新しい方法で、arg 1は現在の数値の桁数を指し、arg 2は桁数が足りない場合、前に

を補う.

vueのグローバルフィルタはパイプ記号(|)によってフォーマットされ、1つの2つのパラメータ、パラメータ1はフォーマットされた文字列を指し、パラメータ2はフォーマットされた関数

を指定する.

		
{{msg|dataFormat}}
	
	
		Vue.filter('dataFormat',function(datastr){
			var date = new Date(datastr);
			var y=(date.getFullYear()).toString().padStart(2,'0');
			var m=(date.getMonth()+1).toString().padStart(2,'0');
			var d=(date.getDate()).toString().padStart(2,'0');
			var hh=(date.getHours()).toString().padStart(2,'0');
			var mm=(date.getMinutes()).toString().padStart(2,'0');
			var ss=(date.getSeconds()).toString().padStart(2,'0');
			return `${y}-${m}-${d} ${hh}:${mm}:${ss}`;
		})
		var vm = new Vue({
			el:'#app',
			data:{
				msg:new Date()
			},
			methods:{
			}
		});