Vue.filter 過濾器

【過濾器】

import Vue from '../../../node_modules/vue/dist/vue';

// 後臺數據與前端展現數據須要換算，與後臺交互的請求的參數是不須要。假如說前端展現價格是按照元來算，然後臺提供的數據是按分來算，在提交給後臺，仍是按照分來算。

// 全局過濾器
Vue.filter('YuanToFen', function (value) {
  if (!Number(value)) return 0;
  value = Number(value);
  return Number(value) / 100;
});

const app = new Vue({
  // el: '#app',
  template: '<div @click="testhandler" ref="test">{{ price | YuanToFen }} content</div>',
  data: {
    price: 100, // 以分爲單位
  },
  // 本地建立過濾器
  filter: { 
    YuanToFen (value) {
      if (!Number(value)) return 0;
      value = Number(value);
      return Number(value) / 100;
    },
  },
});

Vue.config.devtools = false;
// Vue.config.silent = true; // 取消vue的報錯信息
app.$mount('#app');