1 <html lang="en">
 2 
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7     <title>过滤器的使用</title>
 8     <script src="../js/vue.js"></script>
 9 </head>
10 
11 <body>
12     <div id="app">
13         <p>{{msg | newFormat}}</p>
14 
15     </div>
16     <script>
17         Vue.filter('newFormat',function(msg){
18             //replace除了方法第一个能字符串之外,也可以写正则
19             return msg.replace(/小/g,'酷酷')
20 
21         })
22         var vm = new Vue({
23             el: '#app',
24             data: {
25                 msg: '我是小男孩,可爱的小男孩,小的让人怜爱的感觉,小的让人不发脾气'
26             }
27         })
28     </script>
29 </body>
30 
31 </html>