Vue.js のコンポーネント内で定義した filters で数値の3桁区切り

Vue.component('TestComponent', {
	template:[
		'<div>合計は {{ total | digit }} 円です。</div>'
	],
	data: function() {
		return {
			total: "1234567"
		}
	},
	filters: {
		digit: function(a) {
			//与えられたデータが文字列かもしれないので Number() で数値に変換
			return Number(a).toLocaleString();
		}
	}
}

<div>合計は 1,234,567 円です。</div>