Passing Props Example Between Components in Svelte

In this pass data component to component svelte example, I will discuss about the way of passing data from one component to another component in svelte. If you don't know how to svelte pass data to parent then this example is for you.

Using props, we can pass data very easily from one component to another component. So from this svelte pass props tutorial, you will learn svelte pass props to child. Let's see the example code of svelte component props:



Look, player is our object data and we need to pass it to PlayerComponent and would like to use this object in this component.



If we run this code the output will be:


Player name is Ronaldo


Keep in mind that we have to use export before props to use it. Hope it can help you.

Facebook Github
A web enthusiastic, a self-motivated full-stack software engineer from Dhaka, Bangladesh with experience in developing applications using Laravel , React and Vue js