第四章 Vue过滤器和自定义插件

4.1 过滤器

4.1.1 什么是过滤器

• 过滤器对将要显示的文本，先进行特定格式化处理，然后再进行显示
• 注意：过滤器并没有改变原本的数据, 只是产生新的对应的数据

4.1.2 使用方式

• 定义过滤器

• 全局过滤器
  

• 局部过滤器：在Vue实例中使用 filter 选项 ， 当前实例范围内可用
  2. 过滤器可以用在两个地方：双花括号 {{}} 和 v-bind 表达式
  

4.1.3 案例演示

• 需求：

1. 实现过滤敏感字符，如当文本中有 tmd、sb 都将进行过滤掉
2. 过滤器传入多个参数 ，实现求和运算

• 实现：
  

4.2 自定义插件

4.2.1 插件的作用

1. 插件通常会为 Vue 添加全局功能，一般是添加全局方法/全局指令/过滤器等
2. Vue 插件有一个公开方法 install ，通过 install 方法给 Vue 添加全局功能
3. 通过全局方法 Vue.use() 使用插件，它需要在你调用 new Vue() 启动应用之前完成

4.2.2 案例演示

1. 开发插件, 在项目目录下创建 js 目录，在 js 目录建一个 plugins.js 文件
   
2. 使用插件