vue.js学习笔记--过滤器

全局的

1.无参的

   <div id="app">
            <p>{{ msg | msgFor }}</p>
        </div>
​
​
       <script>
           Vue.filter('msgFor',function(msg){
               return msg.replace('a','b')
           })
           var app1 = new Vue({
               el: '#app',
               data:{
                   msg:'aaa'
               },
               methods:{
                    
               },
               
           })
       </script>

2.含参的

<div id="app">
            <p>{{ msg | msgFor(argu) }}</p>
        </div>
​
​
       <script>
           Vue.filter('msgFor',function(msg,argu){
               return msg.replace('a',argu)
           })
           var app1 = new Vue({
               el: '#app',
               data:{
                   msg:'aaa'
               },
               methods:{
                    
               },
               
           })
       </script>

私有的（条件：过滤器名称和处理函数）

<div id="app">
            <p>{{ msg | msgFor('n') }}</p>
        </div>
        <script>
           
           var app1 = new Vue({
               el: '#app',
               data:{
                   msg:'aaa'
               },
               filters:{
                   msgFor:function(msg,argu){
                       return msg.replace('a',argu);
                   }
               }
           })
       </script>

在同时存在私有的和全局的相同名称的，会用私有的