2018-09-18过滤器，计算属性，获取日期时间

{{}}叫做模板，不在其中写入太多的逻辑操作，为了方便后期维护

1.过滤器（对页面上的数据进行筛选和过滤）

（1）全局过滤器

html
{{num|过滤器的名字}}

js
Vue.filter("过滤器的名字",function(){})

（2）局部过滤器

html
{{num|过滤器的名字}}
new Vue({
el"选择器",
data:{},
methods:{},
filters:{
"过滤器的名字":function(){
}
}
})

列如

全局过滤器

    
{{num|addZero}}

当小于10时会添加0，列如01,02,03,04；
当大于10时直接输出

局部过滤器

      
{{num|addZero}}
  

 new Vue({
           el:'#app',
           data:{
//               num: Math.floor(Math.random()*(max-min+1)+min)  随机数公式
               num: Math.floor(Math.random()*(20-0+1)+0)
           },
           filters:{
               addZero:function(data){
               if(data<10){
                  return '0'+data;
               }else{
                   return data;
               }
         }
           }
       })

当小于10时会添加0，列如01,02,03,04；
当大于10时直接输出

V@E0(529HHP8TV[E5T]G14O.png

0J3CRSH3R%HV}PY(~5R_5YN.png

保留两位小数，四舍五入

全局过滤器

        
{{123.456|number}}
    

局部过滤器

        
{{123.456|number}}
    

$M%69F2VW5S(J_O6P`0E`VD.png

       
{{new Date()|date}}
   

    

    

8NH%4F5~O2P$077DF0@UW(7.png

2.计算属性

(1)

      {{revMsg}}
   

    

    

1.png

(2)

 


      加货
       
{{total}}

   

    

    

2.png

3.js中时间设置