數據的雙向綁定:
顧名思義就是當我們輸入什麼,頁面就顯示什麼,就是將變量值和你想要的東西綁定在一起一樣,即當數據發生變化的時候,視圖也就發生變化,當視圖發生變化的時候,數據也會跟着同步變化。
第一種方式:不使用v-model
在input標籤中設定一個ref做爲標記,然後按鍵事件觸發方法,方法中將輸入框中的東西賦值給name,然後就可以顯示在頁面中了,即相當於雙向綁定;
第二種方式: 雙向綁定默認的v-model的使用
沒有什麼其他的東西,直接使用 v-model=“name” 即將data中的name綁定在一起,實現了數據的雙向綁定