课程目录 day1视频： 01.反馈 02.vue课程介绍 03.什么是Vue 04.为什么要学习前端的流行框架 05.框架和库的区别 06.MVC和MVVM的关系图解 07.Vue基本代码和MVVM之间对应关系 08.讲解v-cloak、v-text、v-HTML的基本使用 09.v-bind指令的学习 10.使用v-on指令定义Vue中的事件 11.跑马灯效果制作-上 12.跑马灯效果制作-下 13.事件修饰符的介绍 14.讲解v-model实现表单元素的数据双向绑定 15.使用v-mod

过滤器是一个通过输入数据，能够及时对数据进行处理并返回一个数据结果的简单函数。下面这篇文章主要给大家介绍了关于vue.js中过滤器使用的相关资料，需要的朋友可以参考借鉴，下面来看看详细的介绍。

前言 大家再使用vue做项目时，查询功能当然必不可少，这就得使用vue强大的filter啦。其实vue内置的两个属性filterBy和orderBy已经能满足部分需求了，但是她更大的的魅力在于自定义filter（之后的文章中会分享），正好我最近做的项目中用到了这个。先给大家看下需求吧。如下图，这是一个通讯录页面，当我们在搜索栏中输入关键字时需要展示相应的员工，同时还得去掉A、B这样的字母索引，并且输入的关键字可以是中文也可以是拼音。     该页面引入搜索栏组件search-bar以及联系人组件

前言 在这个教程中，我们将会通过几个例子，了解和学习VueJs的过滤器。阅读这这篇文中的前提是你对Vue已经有了基本的语法基础。 Vue.Js中的过滤器基础 过滤器是一个通过输入数据，能够及时对数据进行处理并返回一个数据结果的简单函数。Vue有很多很便利的过滤器，可以参考官方文档， http://cn.vuejs.org/api/#过滤器 ，过滤器通常会使用管道标志 “ | ”， 比如： {{ msg | capitalize }} // 'abc' => 'ABC' uppercase