五、Vue.js

六、模板

1.简介

    vue.js 使用基于HTML的模板语法，可以将DOM绑定到Vue实例中的数据，模板就是{{}}，用来进行数据的绑定，显示在页面中，也称为Mustache语法。

2.数据的绑定的方式

    a.双向绑定
        v-model
    b.单向绑定
        方式1:使用两对大括号{{}}，可能出现闪烁的问题，可以使用v-cloak
        方式2:使用v-text、v-html

3.其他指令

    v-once 数据只绑定一次
    v-pre 不进行编译 原样子显示

    
    
    
    
    


    

    
        
{{msg}}
        

        

        
{{msg}}
        
{{msg}}
    

七、过滤器

1、简介

    用来过滤模型数据，在显示之前进行数据处理和筛选。
    语法：{{data  |  filter1（参数）| filter2（参数）}}

2.关于内置过滤器

    vue1.0中内置许多过滤器，如：
    currency , uppercase、lowercase
    limitBy
    filterBy
    vue2.0中已经删除了所有内置过滤器，全部被删除。
    如何解决：
        a.使用第三方工具库，如loadash,date-fns日期格式化，accounting.js货币格式化等。
        b.使用自定义过滤器。

3.自定义过滤器

    分类：全局过滤器 、局部过滤器

3.1自定义全局过滤器

      使用全局方法 Vue.filter(过滤器ID，过滤器函数)

3.1 自定义局部过滤器

    
    
    
    


    

        
{{3 | addZero}}

        
{{12.345678 | number(1)}}

        
        
{{currentTime | date}}