Vue definiert private Filter und grundlegende Nutzung

<Skript>
        lass vm = neues Vue({
            el:'#app',
            Daten:{
            
            },
            Filter: { // Private Filter für diese Instanz}
        })
    </Skript>

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

    <script src="./js/vue.js"></script>
    <Skript>
        lass vm = neues Vue({
            el:'#app',
            Daten:{
                mes: „Ich bin ein pessimistischer Mensch, und pessimistische Menschen tun pessimistische Dinge.“
            },
            Filter: { // Privater Filter der aktuellen Instanz addStr(data,str="happy"){
                    returniere Daten.ersetzen(/pessimistisch/g,str)
                }
            }
        })
    </Skript>

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

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

        Vue.filter('setStr',Funktion(Daten){
            returniere Daten+'Ich bin ein globaler Filter'
        })

        lass vm = neues Vue({
            el:'#app',
            Daten:{
                mes: „Ich bin ein pessimistischer Mensch, und pessimistische Menschen tun pessimistische Dinge.“
            },
            Filter: { // Privater Filter der aktuellen Instanz addStr(data,str="happy"){
                    returniere Daten.ersetzen(/pessimistisch/g,str)
                }
            }
        })
    </Skript>