【Svelte框架】Svelte在构建快速Web应用程序过程中对于嵌套组件和preventDefault【一个APP的实例】-CSDN博客

本文链接：https://blog.csdn.net/web2022050903/article/details/128398143

本文介绍了Svelte框架在构建快速Web应用中的优势，包括其编译时优化技术和轻量级运行时。文章通过一个App实例展示了如何处理嵌套组件，同时讨论了Svelte的样式、更新策略以及防止过度更新的重要性。还提到了Svelte的事件处理，特别是`preventDefault`的用法，并提供了前端开发的相关资源。

摘要由CSDN通过智能技术生成

Svelte

Svelte用于构建快速Web应用程序。 Svelte与React和Vue一样，致力于让轻松构建灵活、交互式的用户界面。不同之处在于，Svelte在构建时将代码转换为更好的JavaScript，而不是在运行时解释和执行代码。这意味着不必支付框架本身的性能成本，并且在首次加载时不会有额外的性能损失。可以使用Svelte编写整个应用程序，也可以使用Svlte逐步重构现有代码；也可以只输出一个独立的组件（不强制附加框架本身），并在任何框架中使用它。

<script>let name = 'world'; 
</script> 
<h1>Hello world!</h1>

在大括号中，我们可以编写任意JavaScript。然后可以尝试将名称更改为name。toUpperCase（）以使问候更加强烈。注意：看起来正在创建一个全局变量，但实际上，name仍然限于组件的局部变量，也就是说，无法访问全局对象（Window）中组件中声明的name变量。

<script>let src = 'tutorial/image.gif';
</script>

<img>

样式

对于特定的函数，Svelte仍然有相应的运行时代码，例如组件逻辑、if/else切换逻辑、循环逻辑等。但是在编译时，如果没有使用函数，则相应的代码根本不会编译成结果。就像Babel中未使用的函数的助手不会被引入一样，就像使用lodash或RxJS时，只有相应的函数被