什么是單向數(shù)據(jù)流?
數(shù)據(jù)從父組件傳遞給子組件,只能單向綁定。在子組件內(nèi)部不應(yīng)該修改父組件傳遞過(guò)來(lái)的數(shù)據(jù)。
子組件不能直接修改由父組件傳遞過(guò)來(lái)的數(shù)據(jù)
子組件修改父組件傳遞過(guò)來(lái)的數(shù)據(jù)的兩種方式:
1,子組件通過(guò)data修改父組件傳遞過(guò)來(lái)的數(shù)據(jù),把傳遞過(guò)來(lái)的數(shù)據(jù)作為data中局部數(shù)據(jù)的初始值使用:
2,子組件通過(guò)computed計(jì)算屬性來(lái)修改父組件傳遞過(guò)來(lái)的數(shù)據(jù)
如何在子組件改變屬性值的時(shí)候,父組件也同步修改?
props驗(yàn)證
組件可以為props指定驗(yàn)證要求,如果未通過(guò)驗(yàn)證要求,Vue會(huì)發(fā)出警告
propsA:Number(指定類(lèi)型)
propsB:[Number, String](多種類(lèi)型)
propsC:{type: String, required: true}(必傳值,且為字符串)
propsD:{type:Number, default: 100} (字符串類(lèi)型,默認(rèn)值為100)
propsE:{type: Number, default: function() {return 1000}}
自定義驗(yàn)證規(guī)則:
propsF:{validator: function(value){return value>10}}
驗(yàn)證類(lèi)型為原生構(gòu)造器:String,Number,Function,Object,Boolean,Array