TrailheaDX 2019 DAY2 【LWCハンズオンワークショップ】参加レポート

import { LightningElement } from 'lwc';
export default class myComponent extends LightningElement {}

<template>
    <c-child-component></c-child-component>
</template>

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
    <apiVersion>45.0</apiVersion>
    <isExposed>true</isExposed>
<targets>
        <target>lightning__AppPage</target>
</targets>
</LightningComponentBundle>

import { LightningElement, track } from 'lwc';

export default class helloWebComponent extends LightningElement {
    @track greeting = 'Trailblazer';
}

<template>
        <lightning-card title = { capitalizedGreeting } icon-name="standard:apex_plugin">
                    <div class="slds-m-around_medium">
                            <h2>Hello {greeting}</h2>
                            <lightning-input label="Name" value={greeting} onchange={ handleGreetingChange }></lightning-input>
                    </div>
        </lightning-card>
</template>

import { LightningElement, track } from 'lwc';

export default class helloWebComponent extends LightningElement {
    @track greeting = 'Trailblazer';

     handleGreetingChange(event) {
        this.greeting = event.target.value;
     }
}