Vue 之 Vue.filter()

Vue.filter() 可以用做单一值的修改，例如:为数字加上千分位逗号、转换时间格式...等

基本的结构会如下:

<div id="app">    {{ 要带入的变数 | filter名称 }}    {{ number | moeny }}    {{ date | unix }}</div>

接下来就实际来撰写一次:

<script>// 使用 Vue.filter 把数字加上千分号Vue.filter('money',function(num){    const parts = num.toString().split('.');    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');    return '$' + parts.join('.');});// 使用 Vue.filter 把 unix timestamp 转成时间格式Vue.filter('unix', function (value) {    const time = new Date(value * 1000);    return `${time.getFullYear()}/${time.getMonth() + 1}/${time.getUTCDate()}`});new Vue({    el: '#app',    data: {        number: 123434635,        date: 1595462192,    }})</script>

Vue.filter() 使用上有几个需要注意的点
其一，后面是使用 function
其二，要使用 return 回传值，不然会跳错