Svelte 绑定尺寸属性

正文

类似 clientWidth、clientHeight 这类属性，想要实时获取它们的值需要进行事件监听，但借助 Svelte 强大的数据绑定功能，可以做到对这一类属性的绑定与即时获取。

<script>
  let clientWidth, clientHeight;
</script>

<div bind:clientWidth bind:clientHeight>
  {clientWidth} - {clientHeight}
</div>

<style>
  div {
    width: 80vw;
    height: 80vh;
  }
</style>

参考

https://www.sveltejs.cn/tutorial/dimensions