过滤器分为两种:
全局过滤器
自定义过滤器
使用过滤器, 我们可以对数据进行格式化处理
过滤器
具体代码 https://gitee.com/zhiqiexing/vue.js/blob/b4b0198026b7a1aefdf52ee989382026b82a09d1/code/01/16.html
代码解析:
全局过滤器
- vue.filter('formatMsg', function (msg, arg) {
- return msg.replace(/ 青春 / g, arg);
- });
- Vue.filter('formatAgain', function (msg, arg) {
- return msg + ", 然而我还是很想念她";
- });
自定义过滤器
- let vm = new Vue({
- el: "#app",
- data: {
- msg: '我的生涯一片无悔, 我想起那天夕阳下的奔跑, 那是我逝去的青春'
- },
- filters: {
- // 定义私有的过滤器
- test: function (msg) {
- return msg + ", 青涩美好又有些疼痛的青春";
- }
- }
- })
注意:
过滤器可以多层引用, 多个过滤器用管道符 | 隔开
当全局过滤器与自定义过滤器同名时, 优先使用自定义过滤器
如想了解更多的 vue 实例, 请查阅我的 vue 笔记目录
来源: http://www.jianshu.com/p/561bb0e5819a