步驟一：引入vue.js文件

添加<script>標簽并標明路徑

步驟二：定義Vue對象

el? ? ? ? Vue接管區域

data? ? ? ? 定義數據模型

步驟三：編寫視圖層的展示

v-model? ? ? ? 綁定數據模型

{{要展示的數據模型}}

運行效果

總結

文本框里的值（左hello）修改，展示的值（右hello）也會被修改。

基于MVVM思想，實現了數據的雙向綁定。