vue 過濾器 filters()

vue.js 允許你自定義過濾器，過濾器可以用在兩個地方：雙花括號插值和 v-bind 表達式

html代碼

<div class="text-box">
  {{declaredate|formatDate}}
</div>
或者
<div v-model="{{declaredate|formatDate}}"></div>

vue.js 代碼

new Vue({
                el: "#app",
                data: {
　　　　　　　　　　　　declaredate:null
                },
                filters: {
                    formatDate(time) {
                        if(time != null) {
                            return new Date(time.replace(/-/g, "/")).format("yyyy-MM-dd");
                        } else {
                            return '無';
                        }
                    }
                }
            });

formatDate(time) 里的time 就是等於data里的 declaredate 把它拿來做判斷要是 declaredate 等於null 的話則返回new Date生成的時間