StencilJs

## 前言 在之前的学习中，我们已经掌握了 `stencilJs` 中的一些核心概念和基础知识，如装饰器 `Prop`、`State`、`Event`、`Listen`、`Method`、`Component` 以及生命周期方法。这些知识是构建复杂组件和应用的基础，而抽屉组件是一个很好的示例，能够综 ......

Stencil 组件使用 `JSX` 渲染，这是一种流行的声明式模板语法。每个组件都有一个渲染函数，它返回在运行时渲染到 DOM 的组件树。 ## 基础用法 `render` 函数用于输出将绘制到屏幕上的组件树。 ```ts class MyComponent { render() { return ......

其实并没有所谓的 stencil Event，相反 stencil 鼓励使用 `DOM event`。然而，Stencil 提供了一个 API 来指定组件可以触发的事件，以及组件监听的事件。 这是通过 Event()和 Listen()装饰器实现的。 ## Event 装饰器 组件可以使用事件发射器 ......

stenciljs 可以方便的构建交互式组件 支持以下装饰器 - component - state - prop - watch - method - element - event - listen ## Component 装饰器 `@Component` 是一个装饰器，它将 TypeScri ......