1.6　案例：Hello Vue 3

學完本章內(nèi)容后，讀者應該具備了簡單的Vue 3項目編寫能力。下面我們來開發(fā)一個Hello Vue 3項目。

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

圖1-5　Hello Vue 3

1．功能描述

當我們修改輸入框內(nèi)的文字時，對應上方的文字也會改變，這就是簡單的雙向綁定能力。

2．案例完整代碼

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