vue基礎----過濾器filter

1.用的場景：一個功能在每一個組件都能用，而computed雖然有緩存，但不能用在每個組件，須要的話的每個都須要寫。

2.特色：改變數據的展現形式，不改變原有的形式

 分爲全局與局部的

　　

    <div id="app">
    <!--{{msg | upper}} -->  
      {{msg | upper("l")}}

    </div>
    <script src="./node_modules/vue/dist/vue.js"></script>
    <script>

       /* 過濾器的參數依此在flag後面添加 */
        Vue.filter("upper",function(value,flag){
            if(flag === 'l'){
                return value.toLowerCase();
            }
            return value.toUpperCase();
        })

        let vm  = new Vue({
            el:"#app",
            data:{
                msg:"liLy"
            },/*
            methods:{
                getUpper(){
                    return this.msg.toUpperCase();
                }
            },
            computed:{
                getUpper(){
                    console.log("121");
                    return this.msg.toUpperCase();
                }
            }
            */
        });
    </script>