2018-09-17

1,过滤器
过滤器：让要显示在页面上的内容进行重新筛选
过滤器分为：全局过滤器和局部过滤器，两种，且两种写法不同
局部过滤器：在Javascript内部写,然后在需要使用过滤器的地方写
‘|’

      
          
{{msg|过滤器的名字}}
          new Vue({
          })
         格式：
          js
          html


js:
Vue.filter('过滤器的名字'，function(){

})

全局过滤器：

new Vue({
    el:''
    data:{}
    methods:{},
    filters:{
       过滤器名：function（data）{
    
        }
})

使用过滤器让个位数前加0

        

    
    


   

       
{{2|addZero}}
  
   
    
    

使用过滤器保留自然数小数点后两位：

    
    


   

       
{{123.41233|number}}
   
    
    
  
  

使用过滤器获取当前日期
格式为2018年9月18日,星期2,14点18分44秒

    
  
    
    

  
  

      
{{new Date()|date}}
  
    
   

2，Vue.js 计算属性

计算属性关键词: computed。

练习；

  
  
    
    


   

       
{{msg.split(' ').reverse().join('===')}}
       {{count}}
   
    
    

加货练习

  

    
    


  

     加货
      
{{total}}