parentCmp.html
<template>
Hey!! this is my name from the parent component :
<c-child name={myname}></c-child>
</template>
...................................................................................................................................................
parentCmp.js
import { LightningElement } from 'lwc';
export default class ParentCmp extends LightningElement {
myname = 'SalesforceKid';
}
..................................................................................................................................................
child.html
<template>
{name}
</template>
.....................................................................................................................................................
child.js
import { LightningElement, api } from 'lwc';
export default class ParentCmp extends LightningElement {
@api name;
}
----------------------------------------------..............................................................................................
Output :
----------------------------------------------
Hey!! this is my name from the parent component :
SalesforceKid
