（三）过滤器及组件化开发

目录

三、过滤器及组件化开发

3.1 过滤器与生命周期

3.1.1 Filter 过滤器

1. 全局过滤器

2. 局部过滤器

3.1.2 LifeCycle 生命周期

1. 创建阶段

2. 挂载阶段

3. 更新阶段

4. 销毁阶段

3.2 组件化开发

3.2.1 组件化开发的必要性

3.2.2 全局组件

1. 组件中的 data

 2. 组件中的方法

3. 组件无法直接调用实例中的数据

3.2.3 局部组件

1. 组件通信之“父传子”

2. props(父传子)

3. 单向数据流

4. 组件通信之"子传父"：反向通知

5. 同级/任意组件通信(EventBus)：公共广播站

3.3 书店购物车项目实战

1. 搭建骨架

2. 数据渲染

3. 价格过滤器

4. 计算总价

补充关于 reduce() 的用法：

5. 购买数量

6. 移除商品

补充关于 splice() 的用法：

三、过滤器及组件化开发

3.1 过滤器与生命周期

3.1.1 Filter 过滤器

Vue.js 的过滤器（Filter）就像一个“管道”，数据“流”过它后，会被加工成我们想要的格式，然后再显示在页面上。它常用于文本格式化，比如价格、日期、大小写转换等。

过滤器Filter 分为