过滤器

全局过滤器

<div id="app">
       <p>{{obj|addzero}}</p>
</div>
<script>
Vue.filter('addzero',function(data){
        if(data<10){
        return "0"+data;
        }else{
        return data;
        }
})
new Vue({
        el:"#app",
        data:{
            obj:Math.floor(Math.random()*(20-0+1)+0)
        }
})
</script>

局部过滤器

<script>
    new Vue({
         el:"#app",
          data:{
                obj:Math.floor(Math.random()*(20-0+1)+0)
          },
          filters:{
                addzero:function(data){
                      if(data<10){
                              return "0"+data;
                       }else{
                              return data;
                       }
                 }
          }
    })
</script>

保留小数

局部：

div id='app'>
        <p>{{123.123|data}}</p>
    </div>
    <script>
        new Vue({
            el:"#app",
            filters:{
                data:function(data){ 
                    return data.toFixed(2)
                }
            }
        })
    </script>

全局：

<div id='app'>
       <p>{{123.456|number}}</p>
   </div>
    <script src='js/vue.js'></script>
    <script>
      Vue.filter('number',function(data){
          return data.toFixed(2)
      })
      new Vue({
          el:'#app'
      })
    </script>

过滤器获取时间

<div id="app">
        <p>{{new Date()|date}}</p>
    </div>
    <script>
       Vue.filter('date',function(date){
            return date.getFullYear()+'年'+(date.getMonth()+1)+'月'+date.getDate()+'日,星期'+date.getDay()+','+date.getHours()+'点,'+date.getMinutes()+'分'+date.getSeconds()+'秒'
       })
        new Vue({
             el:"#app"
        })              
    </script>