只呈現(xiàn)一些靜態(tài)標(biāo)記的組件不是很有趣。讓我們添加一些數(shù)據(jù)。

首先，向您的組件添加一個(gè)腳本標(biāo)簽并聲明一個(gè) ?name? 變量：

<script>
	let name = 'world';
</script>

<h1>Hello world!</h1>

然后，我們可以在標(biāo)簽中引用 ?name?：

<h1>Hello {name}!</h1>

在花括號(hào)內(nèi)，我們可以放入任何我們想要的 JavaScript。嘗試將 ?name? 更改為 ?name.toUpperCase()? 以獲得更響亮的問(wèn)候語(yǔ)。