Vue 2 中使用函数式组件（以组件为中心）

vue2 中如何使用函数式组件

通过 render 方法定义函数式组件时如何处理 props 参数？
在函数式组件中实现自定义事件的触发方式有哪些？
injection 机制主要用于实现数据注入功能，请具体说明其工作原理？
探讨如何利用 computed 属性与 methods 方法来实现功能拓展？
详细说明如何构建一个名为 MyButton 的基础功能按钮类？
分析作为核心设计理念之一的功能特性为何具有显著优势？
探讨哪些应用场景更适合采用基于逻辑而不是实例化的开发模式？
深入讨论基于逻辑而非实例化的开发模式可能遇到的主要挑战与解决方案？
参考相关技术文档以了解完整的技术细节。

在函数式架构中使用的组件被称为 functional component，在这种架构中每个组件是不存储数据的数据体，并且包含实例 this 的同时具备完整生命周期特征。

这类组件不具备data属性、生命周期概念以及与上下文无关的状态管理机制。

这类组件通常被称为无状态组件（stateless component）。这种架构的核心理念是通过分解业务逻辑来实现高效的渲染性能。

模板定义：template functional

    <template functional>
      <div>
    <h1>{{ pr