（7）svelte 教程： Props(属性)

最新推荐文章于 2024-11-09 17:18:07 发布

原创

最新推荐文章于 2024-11-09 17:18:07 发布 · 578 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#svelte

（7）svelte 教程： Props(属性)

什么是 Props

Props（属性） 是组件之间传递数据的一种机制。父组件可以通过 props 向子组件传递数据，子组件通过 export let 声明接收这些数据。在 Svelte 中，props 是组件交流和共享数据的主要方式。

逐行解释代码

我们将逐行解释示例代码，包括每个参数和背后的含义。

App.svelte

<script>
    import Modal from './Modal.svelte';
</script>

<Modal message="Hey, I'm a prop value" isPromo={false}/>
<main>

</main>


  <style>
	  main {
		  text-align: center;
		  padding: 1em;
		  max-width: 240px;
		  margin: 0 auto;
	  }
  
	  @media (min-width: 640px) {
		  main {
			  max-width: none;
		  }
	  }
  </style>