一起學(xué)習(xí)v-指令

? ? ? ?昨天沒(méi)發(fā)文章,好有罪惡感,記得上大學(xué)的時(shí)候,在朋友圈偶然看見(jiàn)一句雞湯,當(dāng)時(shí)心里很有感觸,“當(dāng)你的才華還撐不起你的野心的時(shí)候,請(qǐng)靜下心、埋下頭努力學(xué)習(xí)”。那個(gè)時(shí)候你很感觸很深是因?yàn)楦杏X(jué)自己什么也不會(huì),日子過(guò)得渾渾噩噩,對(duì)未來(lái)的迷茫有點(diǎn)不知所措。(當(dāng)然現(xiàn)在也很迷茫,剛?cè)肭岸说男〔锁B(niǎo))。讀書(shū)節(jié)在當(dāng)當(dāng)購(gòu)買(mǎi)心儀已久因?yàn)樘F而一直舍不得買(mǎi)的專業(yè)書(shū)時(shí),偶然發(fā)現(xiàn)了特立獨(dú)行的貓的一本雞湯《當(dāng)你的才華還撐不起你的夢(mèng)想時(shí)》,作者在前半本書(shū)所表達(dá)的思想用幾個(gè)關(guān)鍵詞來(lái)說(shuō)說(shuō)吧,“堅(jiān)持”、“積累”、“不抱怨”、“勤奮”。這些詞匯我上初中的時(shí)候?qū)懽魑亩寄艹冻鰜?lái),但那個(gè)時(shí)候就是單純的去說(shuō)這些詞匯,沒(méi)有走心,沒(méi)有真正的去踐行。目前我覺(jué)著在職業(yè)生涯起步階段,努力做好這幾個(gè)關(guān)鍵詞,足夠我工作生活用了。每個(gè)人生來(lái)就是一個(gè)折翼天使,后天的學(xué)習(xí)會(huì)幫我們修復(fù)翅膀以便于我們更快的接近夢(mèng)想。昨天身體不適去醫(yī)院耽誤一天,沒(méi)有寫(xiě)文章,今兒的題外話就多了些,當(dāng)然也希望每一個(gè)和我一樣北漂剛開(kāi)始職業(yè)生涯的新人共勉。

? ? ? 今天我們就來(lái)說(shuō)說(shuō)Vue的常用v指令。作為一個(gè)技術(shù)人員,我很討厭用很正統(tǒng)的官方語(yǔ)言,專業(yè)的詞匯去寫(xiě)一些東西,更喜歡用很常識(shí)很貼切的生活中的例子來(lái)類比解釋一些問(wèn)題,張?chǎng)涡袂拜叺奈娘L(fēng)就是我的比較傾向的那種,不過(guò)張老師是個(gè)老司機(jī),不適合心理年齡未滿十八歲的小鮮肉們看。就不扯犢子了了,我們來(lái)說(shuō)說(shuō),什么是指令,每個(gè)HTML標(biāo)簽有自己的屬性,現(xiàn)在你用Vue框架寫(xiě)東西,那些屬性已經(jīng)不能完全滿足需要了,怎么辦呢,Vue就很厲害,創(chuàng)造了v指令,來(lái)擴(kuò)展屬性。比如v-model,vue著重強(qiáng)調(diào)數(shù)據(jù)綁定,要想實(shí)現(xiàn)數(shù)據(jù)綁定,還在想什么當(dāng)然用v-model了。你肯定在想光說(shuō)誰(shuí)不會(huì)啊,有本事寫(xiě)代碼。我就喜歡你的簡(jiǎn)單粗暴,一言不合就用代碼來(lái)說(shuō)事。有一篇博文關(guān)于v-model和v-for寫(xiě)的很好,在這里就不直接寫(xiě)代碼了,大家可以點(diǎn)擊此鏈接看demo。在這里我想強(qiáng)調(diào)一下v-for,它相當(dāng)于js中的for循環(huán),大家要注意的是在vue中的寫(xiě)法,還有就是循環(huán)數(shù)組的下表的時(shí)候?qū)懛?。v-if根據(jù)表達(dá)式的真假來(lái)刪除和插入元素,v-show只是簡(jiǎn)單的為元素設(shè)置css的style屬性。v-else可以為if和show添加一個(gè)else塊,必須跟在他們倆后面,否則無(wú)法識(shí)別。v-bind后面跟著冒號(hào),冒號(hào)后面跟著參數(shù)。參數(shù)通常是html元素特性。v-on主要用于監(jiān)聽(tīng)dom事件,語(yǔ)法和v-bind一樣。具體的demo請(qǐng)大家點(diǎn)擊此鏈接然后進(jìn)行仔細(xì)研究http://www.cnblogs.com/rik28/p/6024425.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對(duì)于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,174評(píng)論 0 29
  • 1.安裝 可以簡(jiǎn)單地在頁(yè)面引入Vue.js作為獨(dú)立版本,Vue即被注冊(cè)為全局變量,可以在頁(yè)面使用了。 如果希望搭建...
    Awey閱讀 11,284評(píng)論 4 129
  • 下載安裝搭建環(huán)境 可以選npm安裝,或者簡(jiǎn)單下載一個(gè)開(kāi)發(fā)版的vue.js文件 瀏覽器打開(kāi)加載有vue的文檔時(shí),控制...
    冥冥2017閱讀 6,194評(píng)論 0 42
  • Vue 實(shí)例 屬性和方法 每個(gè) Vue 實(shí)例都會(huì)代理其 data 對(duì)象里所有的屬性:var data = { a:...
    云之外閱讀 2,365評(píng)論 0 6
  • 今天卓姐姐生日,想了一天都沒(méi)想好送什么禮物給她,想著晚上吃飯逛街的時(shí)候買(mǎi)點(diǎn)實(shí)用的東西。 銀泰城碰面,就我倆,吃了東...
    W大步溜閱讀 234評(píng)論 0 0

友情鏈接更多精彩內(nèi)容