Vue.js是當(dāng)前特別流行的一款JavaScript框架,它通過(guò)簡(jiǎn)單的API和高效的模板語(yǔ)法,使得構(gòu)建交互式Web界面變得更加容易。下面將展示一個(gè)Vue.js的Hello World示例:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Vue HelloWorld示例</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
{{ message }}
</div>
</body>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
</html>
這個(gè)示例利用了Vue.js的核心庫(kù),并創(chuàng)建了一個(gè)Vue實(shí)例app,使用el選項(xiàng)來(lái)指定Vue實(shí)例需要控制的DOM元素,data選項(xiàng)用于存儲(chǔ)需要顯示的數(shù)據(jù)message,這里使用了雙花括號(hào){{}}來(lái)顯示message的值,因此頁(yè)面上將顯示出"Hello Vue!"。Vue.js還提供了很多方便的指令和API,能夠大大簡(jiǎn)化應(yīng)用程序的開(kāi)發(fā)。