<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>過濾器</title> <script src="https://cdn.bootcss.com/vue/2.6.8/vue.min.js"></script> </head> <body> <div id="app"> <p>過濾前:{{ time}}</p> <p>過濾後:{{ time|filter}}</p> </div> <script> //定義一個 Vue 全局的過濾器,名字叫作filter Vue.filter('filter', function (time) { return time.toLocaleString(); }) var vm = new Vue({ el: '#app', data: { time: new Date() } }); </script> </body> </html>