![22d4de22b9d2a74f0edd832efb621e57.png](https://i-blog.csdnimg.cn/blog_migrate/dfaec4fda5a6237d02a05436e88e728b.jpeg)
专注 Vue 源码分享,为了方便大家理解,分为了白话版和 源码版,白话版可以轻松理解工作原理和设计思想,源码版可以更清楚内部操作和 Vue的美,喜欢我就关注我的公众号,公众号的文章,排版更好看
如果你觉得排版难看,请点击下面链接 或者 关注公众号【神仙朱】
![c05c734d510909a1d1f03dd7100fe858.png](https://i-blog.csdnimg.cn/blog_migrate/72bbfd27a29660f8b833c92217d32807.jpeg)
嗨,又到周末啦,又可以睡懒觉了,冬天睡懒觉真苏胡,但是我明天要无名加班
![9704ee0ccde94454ffabdbe9d8821c09.png](https://i-blog.csdnimg.cn/blog_migrate/439cd2f634319887aee5054bc8b96c3e.jpeg)
好吧,今天我们 解读 filter 的工作原理(话题转得真是生硬),filter 其实实现也是非常简单的,所以这里直接出源码版了
十分钟就能大概了解这个 filter 了吧
好吧,今天的研究,我们仍然要带着问题去学习
1、页面的 filter 解析成什么
2、设置的 filter 如何被调用
![4a9f7d42186a21f4f808a94f2a0ad84b.png](https://i-blog.csdnimg.cn/blog_migrate/b50b82dd98d409f6a9f670d1456ab34f.png)
场景设置
下面的讲解会以下面例子 作为讲解模板