Vue的過濾器
阿新 • • 發佈：2018-12-11
注意：
1.可以同時呼叫多個過濾器，但是一個一個執行，前面的過濾器的結果執行完成之後再執行其他的過濾器。
2.處理字串的替換，可能會用的正則表示式，才能全域性替換目標，子浮串
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../lib/vue.js"></script> </head> <body> <div id="app"> <p>{{ msg | msgFormat('到底是','真帥') | second}}</p> <!--可以同時呼叫多個過濾器，先將第一個過濾器執行完之後，再執行第二個過濾器--> </div> <script> Vue.filter('msgFormat',function (msg,replayWords,replayWords2) { return msg.replace(/帥/g,replayWords+replayWords2) //replay()方法，如果第一個寫的是字串是隻能運用到子浮串中的第一個，如是正則表示式可以運用到全域性，後面用的是替換的字元 }); //定義一個全域性的過濾器,第一個引數定義過濾器的名字，第二個引數定義過濾的規則,同時可以呼叫多個過濾器 Vue.filter('second',function (msg) { return msg + '++++++++' }); var vm = new Vue({ el:'#app', data:{ msg:'陳小帥是真的帥呢，怎麼能帥的如此的為所欲為呢，到頭來發現，他帥是因為在夢裡呢' }, methods:{} }); </script> </body> </html>
效果：
