vue filter Vue.filter () filters

　Role: Filtering data

    grammar:

        Global:

            Vue.filter ( "filter name", (a parameter, two parameters) => {});

                A parameter: the data to be filtered

                Two parameters: Data transfer

        Local:

            filters:{

                Filter Name () {

                }

            }

    

    Use: {{username | name filter ()}}

    step:

    (1) Time Filter

        ① declare a global filter

            Vue.filter("date",(data,icon)=>{

                let year=(new Date(data)).getFullYear();

                let month=(new Date(data)).getMonth()+1;

                let day=(new Date(data)).getDate();

                var icon=icon||"/";

                return `${year}${icon}${month}${icon}${day}`; 

            });

        Examples ② setting a time:

            let vm=new Vue({

                el:"#app",

                data:{

                    time:(new Date()).getTime()

                }

            });

        ③ pipe character for use:

            {{time|date("-")}}

    

    (2) Picture size filter

        ①data will imgUrl introduced:

            data(){

                return{

                    imgUrl:"http://p0.meituan.net/w.h/movie/2c24eb6a84a92b9ba837967851bec9462844109.jpg"

                }

            }

        ② declare local filters:

            filters:{

                imgReplace(data,wh){

                    // the string "wh" replaced with "170.280"

                    return data.replace(/w\.h/,wh);

                }

            }

        ③ used in the page:

            <img :src="imgUrl|imgReplace('170.280')">