1.6　案例：Hello Vue 3

學(xué)完本章內(nèi)容后，讀者應(yīng)該具備了簡(jiǎn)單的Vue 3項(xiàng)目編寫能力。下面我們來(lái)開發(fā)一個(gè)Hello Vue 3項(xiàng)目。

創(chuàng)建一個(gè)目錄，在目錄下新建index.html，在<script>標(biāo)簽中引入vue.global.js，并編寫簡(jiǎn)單的Vue 3代碼，實(shí)現(xiàn)的效果如圖1-5所示。

圖1-5　Hello Vue 3

1．功能描述

當(dāng)我們修改輸入框內(nèi)的文字時(shí)，對(duì)應(yīng)上方的文字也會(huì)改變，這就是簡(jiǎn)單的雙向綁定能力。

2．案例完整代碼

本案例完整源碼在：／案例源碼／Vue.js概述。