Vue-04

过滤器：对显示在页面上的数据进行筛选

全局过滤器    和Vue同级    Vue.filter（“过滤器名称”，function（参数）{}）

局部过滤器    在new Vue内部写，和el，data等同级    filters：过滤器名称：{function（参数）{}}

例：用过滤器保留两位小数，num.toFixed(2)

        html的body里写

{123.456|fix（过滤器名称）}

        vue中：

Vue.filter（“fix”，function（data）{return data.toFixed（2）}）

        结果会在页面中输出123.46（四舍五入）

例：用过滤器获取时间

        html的bady里写

{{new Date()|date}}

        vue:

filters:{date:function(data){return data.getFullYear()+"年"+data.getMonth()+"月"+data.getDate()+"日，星期"+data.getDay()+"，"+data.getHours()+时'+data.getMinutes()+'分'+data.getSeconds()+'秒'}}

Vue属性

$el    获取vue绑定的元素

$data    获取vue实例中的数据

$options    获取vue实例中的自定义属性

$refs    获取所有带ref属性的元素

计算属性

例：将Vue里的数据"hello world"转化为"world===hello"

在new Vue 中加入新属性：

computed：{revMsg:function(){

              return this.msg.split(' ').reverse().join('===')

          }

}