Vue defines private filters and basic usage

<script>
        let vm = new Vue({
            el:'#app',
            data:{
            
            },
            filters: { // Private filters for this instance}
        })
    </script>

    <div id="app">
        <p>{{mes | addStr}}</p>
    </div>

    <script src="./js/vue.js"></script>
    <script>
        let vm = new Vue({
            el:'#app',
            data:{
                mes: "I am a pessimistic person, and pessimistic people do pessimistic things"
            },
            filters: { // Private filter of the current instance addStr(data,str="happy"){
                    return data.replace(/pessimistic/g,str)
                }
            }
        })
    </script>

<div id="app">
        <p>{{mes | setStr | addStr}}</p>
    </div>

    <script src="./js/vue.js"></script>
    <script>

        Vue.filter('setStr',function(data){
            return data+'I am a global filter'
        })

        let vm = new Vue({
            el:'#app',
            data:{
                mes: "I am a pessimistic person, and pessimistic people do pessimistic things"
            },
            filters: { // Private filter of the current instance addStr(data,str="happy"){
                    return data.replace(/pessimistic/g,str)
                }
            }
        })
    </script>