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)注