Vue v-model 指令详解以及sync修饰符的使用场景(结合父子组件通信案例)
生活随笔
收集整理的這篇文章主要介紹了
Vue v-model 指令详解以及sync修饰符的使用场景(结合父子组件通信案例)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
參考Vue官方文檔
一、需求如下:
二、代碼如下
三、分步解析:
四、sync修飾符的使用
vue.js官方文檔
如果已經使用了v-model雙向綁定了一個數據,但是還想要實現另一個數據的雙向綁定,那么可以采用.sync修飾符
總結
以上是生活随笔為你收集整理的Vue v-model 指令详解以及sync修饰符的使用场景(结合父子组件通信案例)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: React ref的转发
- 下一篇: vue弹出alert_vue+webpa