第4章 过滤器

来源:互联网 发布:淘宝链接转化短链接 编辑:程序博客网 时间:2024/05/19 23:02

4.1 过滤器注册

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body>    <div id="app">        {{ date | test}}    </div><!--<script src='http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js'></script>--><script src="https://unpkg.com/vue"></script><script>    Vue.filter('test',function (value) {        if(!value instanceof Date)            return value;        return value.toLocaleDateString();    })    var vm = new Vue({        el : "#app",        data : {            date : new Date()        }    })</script></body></html>

4.2 双向过滤器

4.3 动态参数
过滤器除了能接受单引号(‘’)括起来的参数外,也支持接受在vm实例中vm实例中绑定的数据,称之为动态参数。使用区别就在于不需要用单引号将参数括起来。

4.4 过滤器在vue2中的变化
1)取消了所有内置过滤器
2)取消了对v-model和v-on的支持
3)修改了过滤器参数的使用方式,采用函数的形式而不是空格来标记参数

{{date | date('yyyy-MM-dd')}}
原创粉丝点击