面试题：Svelte中如何实现事件绑定并更新响应式状态

Question

在Svelte中，假设有一个按钮，点击按钮后需要将一个数字变量加1，并在页面上实时显示更新后的值。请写出实现该功能的Svelte组件代码，包括HTML、JavaScript和样式部分（样式部分可简单示意）。

Answer 1

<script>
    let num = 0;
    const increment = () => {
        num++;
    };
</script>

<button on:click={increment}>点击加1</button>
<p>{num}</p>

<style>
    button {
        background-color: blue;
        color: white;
        padding: 10px 20px;
    }
</style>