¶在 Vue 中 加入 filter 的 method

¶第一種

加在 component 裡

src/App.vue

<template>
    <p>{{ text | toUppercase | to-lowercase}}</p>
</template>

<script>
    export default {
      data () {
        return {
          text: 'hello text'
        }
      },
      filters: {
        toUppercase (value) {
          return value.toUpperCase();
        }
      }
    }
</script>

¶第二種

加在全域

main.js

import Vue from "vue";
import App from "./App.vue";

Vue.filter("to-lowercase", function(value) {
  return value.toLowerCase();
});

new Vue({
  el: "#app",
  render: h => h(App)
});