如何访问导入组件中的sveltekit集合中的变量?

Question

我知道如何在sveltekit中使用props，但是如何获得变量"height"另一种方式设置在嵌套。同时又苗条?

//App.svelte
<script>
import Nested from './Nested.svelte';
</script>
{height}
<Nested answer={42}/>
//Nested.svelte
<script>
export let answer;
export let height;
</script>
<div bind:clientHeight={height}>The answer is {answer}</div>

Answer 1

您需要在组件上声明一个局部变量usebind:

<script>
import Nested from './Nested.svelte';
let height;
</script>
<Nested bind:height />

如果变量名不同，则不使用简写:

<script>
import Nested from './Nested.svelte';
let nestedHeight;
</script>
<Nested bind:height={nestedHeight} />

REPL