_大猛_

生命周期 每个组件都有一个生命周期，从创建时开始，到销毁结束。同时在这个过程中也会运行一些叫做生命周期的函数，可以在不同阶段添加处理代码的机会。 Mount 您最常使用的是onMount，它在组件第一

输入框绑定 通常的规则是，Svelte中的数据流是自上而下的，父组件可以在子组件上设置Props，组件可以在元素上设置属性，但不能反过来。 有时我们需要打破这个规则。以组件中的<input>元素为例，

DOM事件 在下面的事例你将看到，您可以使用on:事件名来监听元素上的任何事件： 完整代码： 内联处理 您还可以使用内联声明事件处理程序： 引号是可选的，但在某些环境中，它们有助于提高语法突显。 事件

条件渲染 HTML没有表达逻辑的方式，比如条件和循环，Svelte有。 为了有条件地呈现某些内容，我们将其包装在if块中： 完整代码如下： 点击按钮，按钮将在【Log out】与【Log in】之间切

Props 到目前为止，我们只处理内部状态，也就是说，只能在给定的组件中访问这些值。 在任何真正的应用程序中，都需要将数据从一个组件传递到其子组件。要做到这一点，我们需要声明属性，通常简称为“ pro

响应 Svelte的核心是一个强大的响应系统，可以使DOM与应用程序状态保持同步ーー例如，响应一个事件。 为了演示它，我们首先需要触发一个事件的程序: 在handleClick函数中，我们需要做的就是