Konzepte, Vorsichtsmaßnahmen und grundlegende Verwendungsmethoden für globale Vue-Filter

Vue.filter('der Name des Filters, wenn er in Zukunft aufgerufen wird', die Filterverarbeitungsfunktion)

 <!-- Beim Aufrufen eines Filters müssen Sie | verwenden, | wird als Pipe-Zeichen bezeichnet -->
      <td>{{item.ctime | formatDate}}</td>

// Die Daten hier sind der Wert von item.ctime vor dem Pipe-Zeichen Vue.filter('formatDate',function(data){

})
// Der Filter muss einen Rückgabewert haben

  <div id="app">
        <h3>{{monate}}</h3>
    </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.“
            }
        })
    </Skript>

 Vue.filter('setStr',Funktion(Daten){
        })

 Vue.filter('setStr',Funktion(Daten){
            // Der Filter muss einen Rückgabewert haben return data.replace(/pessimistic/g,'cheerful')
            //Verwende die String-Operationsmethode „Replace“, um bestimmte Elemente im String durch andere Elemente zu ersetzen, „g“ steht für „Global Match“})

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

Vue.filter("strFormat",function(data,str){ // Nach data kann ein Parameter angegeben werden // Im Filter muss ein Rückgabewert vorhanden sein return data.replace(/pessimistic/g,str)
            //Verwende die String-Operationsmethode „Replace“, um bestimmte Elemente im String durch andere Elemente zu ersetzen, „g“ steht für „Global Match“})

<div id="app">
        <h3>{{mes | setStr("unvorsichtig")}}</h3>
    </div>

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

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

        Vue.filter('setStr',Funktion(Daten,str="Vorsicht"){
            // Der Filter muss einen Rückgabewert haben return data.replace(/pessimistic/g,str)
            //Verwende die String-Operationsmethode „Replace“, um bestimmte Elemente im String durch andere Elemente zu ersetzen, „g“ steht für „Global Match“})