vue常用知識總結(jié)

Mvvm模式

MVVM分為model(數(shù)據(jù)模型)扳碍、view(視圖)姑食、viewmodel(視圖模型)三者窍奋。

Model:指的是js中的數(shù)據(jù)领突,如對象杈湾,數(shù)組等等

View:指的是頁面視圖

viewModel:指的是vue實例化對象

viewmodel是view和model的連接器,view和model通過viewmodel來實現(xiàn)數(shù)據(jù)綁定攘须,而viewmodel通過數(shù)據(jù)綁定和dom監(jiān)聽來實現(xiàn)的

vue如何打包上傳至服務(wù)器

修改本地項目文件index.js配置漆撞。

壓縮項目文件。

上傳壓縮后的項目到服務(wù)器

解壓項目并開啟777權(quán)限

修改服務(wù)器里的一些配置

重啟apche

vue全家桶

vue-router 路由

vuex 狀態(tài)管理工具

vue-cli 項目構(gòu)建工具

axios http請求工具(vue-resource 是vuejs的一款插件于宙,也是用來請求接口浮驳。vue2.0后不再更新,推薦使用axios接口請求工具)

組件庫

傳參

1. vue可以通過標(biāo)簽router-link跳轉(zhuǎn)傳參捞魁,通過path+路徑至会,query+參數(shù)

2. 也可以通過事件里的this.$router.push({})跳轉(zhuǎn)傳參

Vue的優(yōu)缺點

優(yōu)點:

1. 輕量級的框架

2. 雙向數(shù)據(jù)綁定

3.組件化

4.漸進(jìn)式

5. MVVM模式

缺點:

1. 缺乏高階教程

2.不支持IE8

3. 生態(tài)環(huán)境差

4.社區(qū)不大

5. 報錯不明顯,適合單人開發(fā)或者中小型項目

vuex

Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式谱俭。它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài)奉件,并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的方式發(fā)生變化

Vue的兩個核心

組件化

數(shù)據(jù)綁定

vue中父組件與子組件的傳值

父組件傳給子組件:子組件通過props方法接受數(shù)據(jù);

子組件傳給父組件:$emit方法傳遞參數(shù)

兄弟組件傳值:eventBus方法傳值宵蛀,項目大的時候建議使用vuex

vue動態(tài)路由

在 router 目錄下的 index.js 文件中,對 path 屬性加上 /:id县貌。使用 router 對象的 params.id术陶,例如:this.$route.params.id

vue的生命周期

beforeCreate 創(chuàng)建前

created 創(chuàng)建后

beforeMount 載入前

mounted 載入后

beforeUpdate 更新前

updated 更新后

beforeDestroy 銷毀前

vue的常用指令

v-if:滿足條件則創(chuàng)建DOM元素,不滿足則刪除DOM元素

v-for:遍歷煤痕,基于數(shù)據(jù)源循環(huán)渲染元素或模板塊梧宫。

v-show:滿足條件則顯示DOM元素,不滿足則隱藏DOM元素

v-text:渲染文本(統(tǒng)統(tǒng)解析成文本)

v-html:渲染文本(能解析 HTML 標(biāo)簽)

v-on:綁定事件(可以縮寫為@)

v-bind:綁定屬性摆碉,單向數(shù)據(jù)綁定塘匣。將綁定的屬性作為JavaScript表達(dá)式計算后輸出(可以縮寫為:)

v-model:綁定屬性,雙向數(shù)據(jù)綁定巷帝。將綁定的屬性作為JavaScript表達(dá)式計算后輸出

vue的計算屬性

計算屬性是vue實例中的一個配置選項:computed

通常里面都是一個個計算相關(guān)的函數(shù)忌卤,返回最后計算出來的值。

即我們可以把這些計算的過程寫到一個計算屬性中去楞泼,然后讓它動態(tài)的計算

計算屬性一般就是用來通過其他的數(shù)據(jù)算出一個新數(shù)據(jù)驰徊,而且它有一個好處就是,它把新的數(shù)據(jù)緩存下來了现拒,當(dāng)其他的依賴數(shù)據(jù)沒有發(fā)生改變,它調(diào)用的是緩存的數(shù)據(jù)望侈,這就極大的提高了我們程序的性能印蔬。而如果寫在methods里,數(shù)據(jù)根本沒有緩存的概念脱衙,所以每次都會重新計算侥猬。

v-for的key屬性

1.使用v-for時,key屬性是必須的捐韩。

2. key屬性用來標(biāo)識當(dāng)前循環(huán)這一項的唯一身份退唠。

3. key屬性的值必須是number或string。

4.必須通過綁定的方式指定key的值荤胁。

axios是什么和它的特性

axios 是一個基于 promise 的 HTTP 庫瞧预,可以發(fā)送 get,post 請求仅政,正是由于 Vue垢油、React 的出現(xiàn),促使了 axios 輕量級庫的出現(xiàn)

特點

1.可以在瀏覽器中發(fā)送 XMLHttpRequest 請求

2.可以在 node.js 發(fā)送 http 請求

3.支持 Promise API

4.攔截請求和響應(yīng)

5.轉(zhuǎn)換請求和響應(yīng)

6.轉(zhuǎn)換請求數(shù)據(jù)和響應(yīng)數(shù)據(jù)

7.能夠取消請求

8.自動轉(zhuǎn)化 JSON 格式

如何讓CSS只在當(dāng)前組件中起作用

將當(dāng)前組件的<style>修改為<style scoped>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末圆丹,一起剝皮案震驚了整個濱河市滩愁,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌辫封,老刑警劉巖硝枉,帶你破解...
    沈念sama閱讀 217,826評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件廉丽,死亡現(xiàn)場離奇詭異,居然都是意外死亡妻味,警方通過查閱死者的電腦和手機(jī)正压,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,968評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來弧可,“玉大人蔑匣,你說我怎么就攤上這事∽厮校” “怎么了裁良?”我有些...
    開封第一講書人閱讀 164,234評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長校套。 經(jīng)常有香客問我价脾,道長,這世上最難降的妖魔是什么笛匙? 我笑而不...
    開封第一講書人閱讀 58,562評論 1 293
  • 正文 為了忘掉前任侨把,我火速辦了婚禮,結(jié)果婚禮上妹孙,老公的妹妹穿的比我還像新娘秋柄。我一直安慰自己,他們只是感情好蠢正,可當(dāng)我...
    茶點故事閱讀 67,611評論 6 392
  • 文/花漫 我一把揭開白布骇笔。 她就那樣靜靜地躺著,像睡著了一般嚣崭。 火紅的嫁衣襯著肌膚如雪笨触。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,482評論 1 302
  • 那天雹舀,我揣著相機(jī)與錄音芦劣,去河邊找鬼。 笑死说榆,一個胖子當(dāng)著我的面吹牛虚吟,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播签财,決...
    沈念sama閱讀 40,271評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼稍味,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了荠卷?” 一聲冷哼從身側(cè)響起模庐,我...
    開封第一講書人閱讀 39,166評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎油宜,沒想到半個月后掂碱,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體怜姿,經(jīng)...
    沈念sama閱讀 45,608評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,814評論 3 336
  • 正文 我和宋清朗相戀三年疼燥,在試婚紗的時候發(fā)現(xiàn)自己被綠了沧卢。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,926評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡醉者,死狀恐怖但狭,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情撬即,我是刑警寧澤立磁,帶...
    沈念sama閱讀 35,644評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站剥槐,受9級特大地震影響唱歧,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜粒竖,卻給世界環(huán)境...
    茶點故事閱讀 41,249評論 3 329
  • 文/蒙蒙 一颅崩、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蕊苗,春花似錦沿后、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,866評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至锅移,卻和暖如春熔掺,著一層夾襖步出監(jiān)牢的瞬間饱搏,已是汗流浹背非剃。 一陣腳步聲響...
    開封第一講書人閱讀 32,991評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留推沸,地道東北人备绽。 一個月前我還...
    沈念sama閱讀 48,063評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像鬓催,于是被迫代替她去往敵國和親肺素。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,871評論 2 354