今天學(xué)習(xí)數(shù)據(jù)綁定,插值
Vue的視圖模板基于DOM實(shí)現(xiàn)又谋,通過(guò)數(shù)據(jù)綁定將App組件上定義的數(shù)據(jù)模型綁定到模板上?插值是Vue實(shí)現(xiàn)使用數(shù)據(jù)綁定的一種方式
在組件中使用data定義內(nèi)部訪問(wèn)的數(shù)據(jù)模型:
data可以是返回一個(gè)Object對(duì)象的函數(shù),也可以是對(duì)象屬性而不要要return拂蝎。使用函數(shù)返回可以擁有靈活性盗温,比如在內(nèi)部數(shù)據(jù)初始化的操作。
在模板中引用data.msg不需要data孤紧,在內(nèi)部容器中在模板使用插值的方式填上msg就ok
{{ }}這種用雙大括號(hào)引注的內(nèi)容稱(chēng)為"Mustache"語(yǔ)法
ps:?jiǎn)卧~意思是胡子,好像真的蠻像絡(luò)腮胡=拒秘。=
每當(dāng)data中msg這個(gè)屬性的值發(fā)生變化号显,它也會(huì)隨之更新同步。
保存下躺酒,查看下我們的運(yùn)行中的應(yīng)用程序(#^.^#)
果然是deep deep dark(實(shí)時(shí)更新了)