前端Vue面試題集結(jié)

1夸楣、詳述組件通信

父傳子:父? 自定義屬性名+數(shù)據(jù) => :value = "數(shù)據(jù)"? ? 子:props["父組件上的自定義屬性"] => 進行數(shù)據(jù)接收

子傳父:子? this.$emit('自定義事件名'胡桃,數(shù)據(jù)) 子組件標(biāo)簽上綁定@自定義事件名 = '回調(diào)函數(shù)'? ? 父:methods:{回調(diào)函數(shù)( ) { } }

兄弟:通過父組件進行中轉(zhuǎn)

通過中央通信總線的方式,在需要通信的組件內(nèi)使用emit和on來發(fā)布和監(jiān)聽事件钞速,并通過通信傳值

2、kepp-alive組件作用

keep-alive的作用,是包裹動態(tài)組件時叫乌,會緩存不活動的組件實例踩衩,而不是銷毀它們嚼鹉。

keep-alive 是 Vue 內(nèi)置的一個組件,可以使被包含的組件保留狀態(tài)驱富,或避免重新渲染锚赤。

3、單頁面應(yīng)用和多頁面應(yīng)用區(qū)別及優(yōu)缺點

單頁面優(yōu)點:1褐鸥、用戶體驗好线脚,快,內(nèi)容的改變不需要重新加載整個頁面

2叫榕、前后端分離? ? ? 3浑侥、頁面效果會比較炫酷

單頁面缺點:1、不利于seo? ? ? 2晰绎、導(dǎo)航不可用寓落,如果一定要導(dǎo)航需要自行實現(xiàn)前進、后退荞下。

3伶选、初次加載時耗時多? ? 4史飞、頁面復(fù)雜度提高很多

多頁面優(yōu)點:1、多個頁面之間跳轉(zhuǎn)考蕾,用戶可以清晰的了解整個網(wǎng)站的內(nèi)容構(gòu)成

2祸憋、頁面結(jié)構(gòu)的分布也不會很擁擠? ? ? 3、實現(xiàn)簡單肖卧,開發(fā)成本低

多頁面缺點:1蚯窥、頁面跳轉(zhuǎn)時,要重新執(zhí)行css塞帐,js等文件拦赠,頁面片段之間跳轉(zhuǎn)較慢,需要用到頁面跨頁面?zhèn)髦档膸追N方法

2葵姥、實現(xiàn)轉(zhuǎn)場動畫比較困難? ? ? 3荷鼠、維護成本高

4、什么是計算屬性榔幸?什么情況使用允乐?

computed是vue的計算屬性

我們需要一個值或者一個數(shù)據(jù),而這個數(shù)據(jù)需要通過一些邏輯運算才能得到的時候削咆,我們就將它放到計算屬性內(nèi)牍疏,這樣我們可以將整個項目對于數(shù)據(jù)的復(fù)雜運算邏輯全部集中管理在計算屬性內(nèi)

5、computed拨齐、methods的區(qū)別

computed計算屬性是基于內(nèi)部的響應(yīng)式依賴來進行計算并緩存的鳞陨,所謂的響應(yīng)式依賴就是被我們的vue實例所監(jiān)聽的數(shù)據(jù)

computed 是擁有緩存的,我們每次訪問同一個計算屬性瞻惋,只要內(nèi)部依賴沒有發(fā)生改變厦滤,他就不會重新計算

methods是調(diào)用函數(shù),我們多次使用就等于多次調(diào)用了這個函數(shù)歼狼,函數(shù)是沒有緩存的掏导,所以每次都重新計算,我們內(nèi)部發(fā)生改變時羽峰,都會重新render頁面碘菜,此時頁面上所調(diào)用了這個函數(shù)的地方都會重新調(diào)用這個函數(shù)


結(jié)言

感謝您的查閱,有錯誤的地方請指教限寞;后續(xù)還會更新,記得關(guān)注

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末仰坦,一起剝皮案震驚了整個濱河市履植,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌悄晃,老刑警劉巖玫霎,帶你破解...
    沈念sama閱讀 212,718評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件凿滤,死亡現(xiàn)場離奇詭異,居然都是意外死亡庶近,警方通過查閱死者的電腦和手機翁脆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來鼻种,“玉大人反番,你說我怎么就攤上這事〔嬖浚” “怎么了罢缸?”我有些...
    開封第一講書人閱讀 158,207評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長投队。 經(jīng)常有香客問我枫疆,道長,這世上最難降的妖魔是什么敷鸦? 我笑而不...
    開封第一講書人閱讀 56,755評論 1 284
  • 正文 為了忘掉前任息楔,我火速辦了婚禮,結(jié)果婚禮上扒披,老公的妹妹穿的比我還像新娘值依。我一直安慰自己,他們只是感情好谎碍,可當(dāng)我...
    茶點故事閱讀 65,862評論 6 386
  • 文/花漫 我一把揭開白布鳞滨。 她就那樣靜靜地躺著,像睡著了一般蟆淀。 火紅的嫁衣襯著肌膚如雪拯啦。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,050評論 1 291
  • 那天熔任,我揣著相機與錄音褒链,去河邊找鬼。 笑死疑苔,一個胖子當(dāng)著我的面吹牛甫匹,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播惦费,決...
    沈念sama閱讀 39,136評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼兵迅,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了薪贫?” 一聲冷哼從身側(cè)響起恍箭,我...
    開封第一講書人閱讀 37,882評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎瞧省,沒想到半個月后扯夭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鳍贾,經(jīng)...
    沈念sama閱讀 44,330評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,651評論 2 327
  • 正文 我和宋清朗相戀三年交洗,在試婚紗的時候發(fā)現(xiàn)自己被綠了骑科。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,789評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡构拳,死狀恐怖咆爽,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情隐圾,我是刑警寧澤伍掀,帶...
    沈念sama閱讀 34,477評論 4 333
  • 正文 年R本政府宣布,位于F島的核電站暇藏,受9級特大地震影響蜜笤,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜盐碱,卻給世界環(huán)境...
    茶點故事閱讀 40,135評論 3 317
  • 文/蒙蒙 一把兔、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瓮顽,春花似錦县好、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,864評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至拣播,卻和暖如春晾咪,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背贮配。 一陣腳步聲響...
    開封第一講書人閱讀 32,099評論 1 267
  • 我被黑心中介騙來泰國打工谍倦, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人泪勒。 一個月前我還...
    沈念sama閱讀 46,598評論 2 362
  • 正文 我出身青樓昼蛀,卻偏偏與公主長得像,于是被迫代替她去往敵國和親圆存。 傳聞我的和親對象是個殘疾皇子叼旋,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,697評論 2 351

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

  • 1. keep-alive組件的作用 為什么使用keep-alive?在Vue中沦辙,我們使用component內(nèi)置...
    郝晨光閱讀 2,561評論 0 29
  • vue概述 在官方文檔中夫植,有一句話對Vue的定位說的很明確:Vue.js 的核心是一個允許采用簡潔的模板語法來聲明...
    li4065閱讀 7,193評論 0 25
  • 一:什么是閉包?閉包的用處怕轿? (1)閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)偷崩。在本質(zhì)上,閉包就 是將函數(shù)內(nèi)部和函數(shù)外...
    xuguibin閱讀 9,556評論 1 52
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對...
    cosWriter閱讀 11,093評論 1 32
  • 1. Vue.js介紹 Vue.js是一個輕巧撞羽、高性能阐斜、可組件化的MVVM庫,同時擁有非常容易上手的API诀紊; V...
    tyu229閱讀 32,636評論 1 26