面试题：Svelte中HTML模板的动态内容绑定

Question

在Svelte中，如何在HTML模板中绑定一个变量，使其值动态显示在页面上？请举例说明，并且阐述如果该变量是一个对象，要显示对象中的某个属性值该怎么做。

Answer 1

在Svelte中，可通过{}语法来绑定变量，使其值动态显示在页面上。例如：

<script>
    let name = 'John';
</script>

<p>{name}</p>

若该变量是一个对象，要显示对象中的某个属性值，同样使用{}，并通过对象名.属性名的方式。例如：

<script>
    let person = {
        name: 'Jane',
        age: 30
    };
</script>

<p>{person.name}</p>
<p>{person.age}</p>