面试题：Svelte组件状态管理中响应式声明式编程基础

Question

在Svelte组件中，如何通过响应式声明式编程来管理一个计数器的状态？请写出具体的代码示例，包括组件初始化、状态更新以及在模板中显示计数器值的相关代码。

Answer 1

<script>
    let count = 0;

    const increment = () => {
        count++;
    };

    const decrement = () => {
        count--;
    };
</script>

<button on:click={decrement}>-</button>
<span>{count}</span>
<button on:click={increment}>+</button>