vue中數據綁定有哪些方法?


1、使用雙大括號{{}},數值插入法:將data方法中定義的數據綁定到模板html中,vue中,data中的數據,定義的是響應式數據,當data中的數據發生改變時,html模板中的數據即發生改變;

2、v-bind:將data方法中的數據綁定到html模板中,該方法是數據的單向流動,將data方法中的響應數據定義到html模板中的前置標簽,或者直接將一個常量值傳入到該標簽,多用於父子組件傳參;

3、v-model:將data方法中的數據綁定到html模板中,該方法是數據的雙向綁定,將data方法中的相應數據綁定到html中的同時,html模板中的數據改變時,data中的數據也會發生改變;

注:v-bind和v-model存在於前置標簽中,數據顯示的優先級高於{{}}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM