在 Markdown 中使用 Svelte

借助这个特性,您可以在 md 文件中使用 <style><script><script context="module">#if, #each, #await, @html@const<svelte:xxx> 等 svelte 专属语法

基础使用

这是一个使用了 #if#each#await@html@const 的基础示例

  • 1: foo
  • 2: bar
  • 3: zoo

Fail

Loading

用 @html 渲染的内容

一个简单的计数器

一个计数器

语法限制

确保总是使用双引号包裹

-
+
<script>
  let  = 0
</script>
<button on:click={() => ++}></button> 
<button on:click="{() => ++}"></button> 
svelte

在 md 文件中导入 svelte 文件

最后更新于: 2024/03/19 03:48:03