说到自定义组件，你是不是觉得这玩意儿像搭积木？没错，组件的创建和引用就是这么一回事！首先，你得有个“积木块”，也就是创建一个组件。想象一下，你要做个按钮组件，得先定义好它的样式、功能，甚至给它取个名字，比如“我的按钮”。然后，你就可以在别的地方引用它了，就像搭积木时把它放在合适的位置。

接下来，问题来了：你怎么决定这个组件是全局引用还是局部引用？全局引用就像你家的万能工具箱，随时都能用；而局部引用更像是特定场合才用的小工具。那么，啥时候用全局，啥时候用局部呢？简单概括，如果你觉得这个组件会频繁使用，比如导航栏，那就全局引用；如果只在特定页面用，比如某个页面的特殊按钮，那就局部引用。

最后，别忘了组件和页面的区别。页面是你的大本营，组件则是大本营里的各种小房间。组件可以在多个页面复用，页面则不行。所以，搞清楚这一点，你的代码就会像搭积木一样，既灵活又高效！

目录

自定义组件 - 组件的创建与引用：

1. 创建组件：

2. 引用组件： 

3. 局部引用组件 ：

4. 全局引用组件：

5. 全局引用 VS 局部引用： 

6. 组件和页面的区别： 

自定义组件 - 样式： 

1. 组件样式隔离：

2. 组件样式隔离的注意点： 

3. 修改组件的样式隔离选项： 

4. styleIsolation 的可选值： 

​编辑自定义组件 - 数据、方法和属性： 

1. data 数据：

2. methods 方法： 

3. properties 属性：

4. data 和 properties 的区别： 

5. 使用 setData 修改 properties 的值： 

自定义组件 - 数据监听器： 

1. 什么是数据监听器：

 2. 数据监听器的基本用法：

3. 监听对象属性的变化：

自定义组件 - 数据监听器 - 案例： 

1. 案例效果：

2. 渲染 UI 结构：

 3. 定义 button 的事件处理函数：

4. 监听对象中指定属性的变化： 

5. 监听对象中所有属性的变化： 

自定义组件 - 纯数据字段： 

1. 什么是纯数据字段：

2. 使用规则：

3. 使用纯数据字段改造数据监听器案例： 

自定义组件 - 组件的生命周期： 

1. 组件全部的生命周期函数：

2. 组件主要的生命周期函数： 

3. lifetimes 节点： 

自定义组件 - 组件所在页面的生命周期： 

1. 什么是组件所在页面的生命周期：

2. pageLifetimes 节点：

3. 生成随机的 RGB 颜色值：

自定义组件 - 插槽： 

1. 什么是插槽：

2. 单个插槽：

 3. 启用多个插槽：

4. 定义多个插槽： 

4. 使用多个插槽： 

自定义组件 - 父子组件之间的通信： 

2. 属性绑定： 

3. 事件绑定： 

 4. 获取组件实例:

自定义组件 - behaviors: 

1. 什么是 behaviors:

2. behaviors 的工作方式: 

3. 创建 behavior: 

4. 导入并使用 behavior: 

5. behavior 中所有可用的节点: 

6. 同名字段的覆盖和组合规则*: 

自定义组件 - 组件的创建与引用：

1.