Vue

模版與掛載點(diǎn)
模版與實(shí)例

1.綁定

插值表達(dá)式: {{msg}}
數(shù)據(jù)綁定——V-text="msg" v-html="msg"
//插值表達(dá)式{{msg}}混卵、v-text和v-html 都是單向綁定,用于在元素中展示數(shù)據(jù)
方法綁定——v-on:click="clickfun" (實(shí)例的method的對(duì)象)
v-on: 等價(jià)于@ @click="clickfun"
屬性綁定——v-bind:title="msg" (實(shí)例的data里的對(duì)象)
v-bind: 等價(jià)于: :title="msg"
雙向數(shù)據(jù)綁定——v-model="msg"

2.計(jì)算屬性(數(shù)據(jù))和監(jiān)聽器

一個(gè)屬性的值依賴與其他的屬性得來先煎,只有當(dāng)所依賴的值發(fā)生變化的時(shí)候才會(huì)進(jìn)行計(jì)算椭岩,否則會(huì)使用上次緩存的值
計(jì)算屬性
偵聽器

3.v-if v-show v-for

v-if:每次對(duì)dom元素進(jìn)行刪除 增加 茅逮,適用于只有一次操作的情況下

v-show:只會(huì)在dom元素里添加一個(gè)stytle={display:none},適用于重復(fù)隱藏顯示操作
v-if v-show
v-for

4.組件和實(shí)例的關(guān)系

每個(gè)組件其實(shí)都是一個(gè)vue實(shí)例

父組件向子組件傳遞參數(shù)
子組件向父組件傳參

父組件向子組件傳值是通過屬性的形式的
子組件向父組件傳值是通過發(fā)布訂閱的形式的判哥。子組件發(fā)布的事件被父組件訂閱了氮唯。

5.vue-cli(腳手架)

優(yōu)點(diǎn):可以使用ES6的語法,腳手架會(huì)幫我們把ES6的語法打包成ES5的語法

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末姨伟,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子豆励,更是在濱河造成了極大的恐慌夺荒,老刑警劉巖瞒渠,帶你破解...
    沈念sama閱讀 218,858評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異技扼,居然都是意外死亡伍玖,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門剿吻,熙熙樓的掌柜王于貴愁眉苦臉地迎上來窍箍,“玉大人,你說我怎么就攤上這事丽旅∫” “怎么了?”我有些...
    開封第一講書人閱讀 165,282評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵榄笙,是天一觀的道長邪狞。 經(jīng)常有香客問我,道長茅撞,這世上最難降的妖魔是什么帆卓? 我笑而不...
    開封第一講書人閱讀 58,842評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮米丘,結(jié)果婚禮上剑令,老公的妹妹穿的比我還像新娘。我一直安慰自己拄查,他們只是感情好吁津,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,857評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著靶累,像睡著了一般腺毫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上挣柬,一...
    開封第一講書人閱讀 51,679評(píng)論 1 305
  • 那天潮酒,我揣著相機(jī)與錄音,去河邊找鬼邪蛔。 笑死急黎,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的侧到。 我是一名探鬼主播勃教,決...
    沈念sama閱讀 40,406評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼匠抗!你這毒婦竟也來了故源?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,311評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤汞贸,失蹤者是張志新(化名)和其女友劉穎绳军,沒想到半個(gè)月后印机,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,767評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡门驾,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年射赛,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片奶是。...
    茶點(diǎn)故事閱讀 40,090評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡楣责,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出聂沙,到底是詐尸還是另有隱情秆麸,我是刑警寧澤,帶...
    沈念sama閱讀 35,785評(píng)論 5 346
  • 正文 年R本政府宣布逐纬,位于F島的核電站蛔屹,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏豁生。R本人自食惡果不足惜兔毒,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,420評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望甸箱。 院中可真熱鬧育叁,春花似錦、人聲如沸芍殖。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽豌骏。三九已至龟梦,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間窃躲,已是汗流浹背计贰。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評(píng)論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蒂窒,地道東北人躁倒。 一個(gè)月前我還...
    沈念sama閱讀 48,298評(píng)論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像洒琢,于是被迫代替她去往敵國和親秧秉。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,033評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容衰抑,還有我對(duì)于 Vue 1.0 印象不深的內(nèi)容象迎。關(guān)于...
    云之外閱讀 5,050評(píng)論 0 29
  • vue概述 在官方文檔中,有一句話對(duì)Vue的定位說的很明確:Vue.js 的核心是一個(gè)允許采用簡潔的模板語法來聲明...
    li4065閱讀 7,227評(píng)論 0 25
  • 1.安裝 可以簡單地在頁面引入Vue.js作為獨(dú)立版本呛踊,Vue即被注冊(cè)為全局變量砾淌,可以在頁面使用了完丽。 如果希望搭建...
    Awey閱讀 11,027評(píng)論 4 129
  • Vue 實(shí)例 屬性和方法 每個(gè) Vue 實(shí)例都會(huì)代理其 data 對(duì)象里所有的屬性:var data = { a:...
    云之外閱讀 2,214評(píng)論 0 6
  • 樓下鄰居剛剛打電話問我家有電,我答:有拇舀。于是也知道她家是忘記交電費(fèi)了,停電與你沒商量蜻底,沒錢立馬停骄崩,而交電費(fèi)時(shí)間是每...
    YQ筑夢(mèng)閱讀 585評(píng)論 2 2