美文网首页
关于angular与vue在过滤器方面的不同

关于angular与vue在过滤器方面的不同

作者: MsgSS | 来源:发表于2018-09-04 21:36 被阅读12次

目前看来,angular与vue在过滤器方面差异较大,总的来说angular的过滤器较简单方便,vue的过滤器更像是格式转换

vue过滤器设计的目的是用于文本转换

vue过滤器默认把当前参数传过来当做第一个参数,如果需要传递其他参数,其参数肯定是肯定不是第一个参数

如何实现排序与过滤关键词?

估计要添加监听,动态去刷新数据(了解一下keyup延迟触发或者lodash)【监听也可以在angular中使用】

    computed: {

        filterPhone: function () {

            var keyword = this.query.toLowerCase();

            var result = this.phones.filter(function (phone) {

                if (keyword) {

                    return (phone.name.toLowerCase().indexOf(keyword) > -1 || phone.snippet.toLowerCase().indexOf(keyword) > -1);

                } else {

                    return true;

                }

            });

            if (this.orderProp === "age") {

                result.sort(function (x, y) { return x.age - y.age; });

            } else if (this.orderProp === "name") {

                result.sort(function (x, y) {

                    if (x.name > y.name) {

                        return 1;

                    } else if (x.name < y.name) {

                        return -1

                    } else {

                        return 0;

                    }

                });

            }

            return result;

        }

    }


vue vue.js

相关文章

  • 关于angular与vue在过滤器方面的不同

    目前看来,angular与vue在过滤器方面差异较大,总的来说angular的过滤器较简单方便,vue的过滤器更像...

  • 2018-10-09 vue的简单复习

    主流框架 vue angular react 1.vue简介 简化Dom操作 2.vue指令 3.vue过滤器 ...

  • Vue 笔记三:Vue2.0与1.0的区别

    Vue 笔记二:Vue2.0与1.0的区别 升级的区别 与angular的断层式升级不同,vue延续了自己的风格。...

  • react组件化(一)

    目前主流的框架有react/angular/vue。与angular不同,react是专注于用户界面构建,也就是m...

  • 数组过滤器

    数组过滤器 vue1.0中有一个数组过滤器叫做filterBy,在angular中叫filter,它接收3个参数 ...

  • 关于angular与vue的选择

    知乎上关于vue与angular的优劣辩论非常火热,总的来说,大型项目推荐使用angular,中小型项目推荐使用v...

  • 封装常用的过滤器

    关键词:vue 过滤器 vue2.0已经发布了,虽不说像angular2那样变化巨大,却增删了不少东西,其中在1....

  • vue的学习笔记01篇

    一.关于vue的基础介绍 vue的创始者是尤雨溪 vue是目前国内最火的框架,与angular和react并列为前...

  • 基于Vue2的webapp

    Vue Vue是什么?Vue是一套用来构建web界面的框架,也许你听过Angular、React、Avalon等,...

  • [基础] angular 过滤器介绍

    [基础] angular 过滤器介绍 用法 HTML javascript 过滤器介绍:currency - 数值...

网友评论

      本文标题:关于angular与vue在过滤器方面的不同

      本文链接:https://www.haomeiwen.com/subject/emgnwftx.html