也是在空閑時(shí)間里面尼酿,花時(shí)間學(xué)了Vue框架爷狈,下面是對(duì)此做的一些總結(jié):
1.1、Vue的介紹
是一套構(gòu)建用戶界面的漸進(jìn)式前端框架裳擎。只關(guān)注視圖層涎永,并且非常容易學(xué)習(xí),還可以很方便的與其它庫或已有項(xiàng)目整合鹿响。
通過盡可能簡單的API來實(shí)現(xiàn)響應(yīng)數(shù)據(jù)的綁定和組合的視圖組件羡微。
特點(diǎn) 易用:在有HTMLCSSJavaScript的基礎(chǔ)上,快速上手惶我。 靈活:簡單小巧的核心妈倔,漸進(jìn)式技術(shù)棧,足以應(yīng)付任何規(guī)模的應(yīng)用绸贡。 性能:20kbmin+gzip運(yùn)行大小盯蝴、超快虛擬DOM、最省心的優(yōu)化听怕。
vue詳細(xì)介紹:核心對(duì)象:每個(gè)Vue程序都是從一個(gè)Vue核心對(duì)象開始的
? ? ? ? ? ? let vm=new Vue({? 選項(xiàng)列表捧挺;? ? ? ? ? ? ? ? ? ? ? ? })
選項(xiàng)列表? el選項(xiàng):用于接收獲取到頁面中的元素。根據(jù)常用的選擇器獲取
data選項(xiàng):用于保存當(dāng)前Vue對(duì)象中的數(shù)據(jù)尿瞭。在視圖中聲明的變量要在此處賦值? ? ? ? ? ?
methods選項(xiàng):用于定義方法闽烙。方法可以直接通過聲明變量調(diào)用声搁,this代表當(dāng)前Vue對(duì)象\n\n數(shù)據(jù)綁定\n? ? ? ? ? ? ? 在視圖部分獲取腳本部分的數(shù)據(jù)捕发。? ? ? ? ? ? {{變量名}}
2.1、指令介紹\n指令:是帶有 v- 前綴的特殊屬性爬骤,不同指令具有不同含義充石。例如 v-html莫换,v-if,v-for骤铃。使用指令時(shí),通常編寫在標(biāo)簽的屬性上惰爬,值可以使用 JS 的表達(dá)式。
常用指令: