雙向綁定:
var message="aa"
input.value=message
input.on('change',function(){
message=input.value
})
單項(xiàng)綁定是:
把message的值賦給input.value,然而當(dāng)input.value的值發(fā)生改變的時(shí)候,message的值也發(fā)生變化,就需要手動(dòng)監(jiān)聽(tīng)事件
然而 vue實(shí)現(xiàn)了 使用v-model就能實(shí)現(xiàn)改變message的值同時(shí)會(huì)改變input.value 改變message的值同時(shí)改變input.value,這就是vue的雙向綁定
雙向綁定事一種模式
現(xiàn)在的趨勢(shì)是單項(xiàng)綁定
為什么呢?
因?yàn)殡p向綁定太靈活了,如果有100出都雙向綁定了message那么 有一天,出bug了,那么你知道是哪個(gè)地方的賦值message出問(wèn)題了嗎
changeMessage()可以實(shí)現(xiàn)知道當(dāng) 1 mesage綁的時(shí)候其他都不要綁 這樣就能知道是哪個(gè)message被綁定了,所有人要改,需要通過(guò)一個(gè)接口改message,然而,這個(gè)就是單項(xiàng)綁定,