vue學習 五 數據的雙向綁定v-model

數據的雙向綁定:

     顧名思義就是當我們輸入什麼,頁面就顯示什麼,就是將變量值和你想要的東西綁定在一起一樣,即當數據發生變化的時候,視圖也就發生變化,當視圖發生變化的時候,數據也會跟着同步變化。

第一種方式:不使用v-model

在input標籤中設定一個ref做爲標記,然後按鍵事件觸發方法,方法中將輸入框中的東西賦值給name,然後就可以顯示在頁面中了,即相當於雙向綁定;

 第二種方式:  雙向綁定默認的v-model的使用

沒有什麼其他的東西,直接使用 v-model=“name”  即將data中的name綁定在一起,實現了數據的雙向綁定

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章