J1an
一、Vue?父子組間通過(guò)傳逢參數(shù)共完成數(shù)據(jù)通信, ?請(qǐng)簡(jiǎn)述父組件向子組件傳值過(guò)程。
(1)?子組件在props?中創(chuàng)建一個(gè)屬性,用來(lái)接收父組件傳過(guò)來(lái)的值;????????????????????????????????
(2)?在父組件中注冊(cè)子組件??????????????????????????????????????????????????????????????????????????????????????
(3)?在子組件標(biāo)簽中添加子組件props?中創(chuàng)建屬性,把需要傳給子組件的值賦值該屬性
二、詳細(xì)說(shuō)明 Vue?實(shí)例中 data?、computed?和 watch?的作用。
data?是存放頁(yè)面區(qū)域需要的數(shù)據(jù)。computed?計(jì)算屬性,某個(gè)屬性的值依賴于其他屬性的值并通過(guò)計(jì)算結(jié)果獲得,它會(huì)?根據(jù)依賴的數(shù)據(jù)動(dòng)態(tài)顯示新的計(jì)算結(jié)果。watch?監(jiān)視器(偵聽(tīng)器)?:對(duì)data?的數(shù)據(jù)監(jiān)聽(tīng)回調(diào),當(dāng)依賴的data?的數(shù)據(jù)變化時(shí),?會(huì)執(zhí)行回調(diào)函數(shù)中會(huì)傳入newVal?和oldVal?兩個(gè)參數(shù)。
?三、以定義和使用范圍角度, ??闡述全局組件和局部組件的區(qū)別
1、使用范圍不同,全局組件可以在頁(yè)面中任何位置使用,局部組件只能在定義它的el??中使用,能再不其他位置使用,
否則就無(wú)法生效。??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
2、定義組件的方法不同,全局組件可以使用“Vue.component(tagName,options)”定義,局部組件可以通過(guò)Vue??實(shí)例中component?屬性定義。
四、簡(jiǎn)述什么是 Vue?實(shí)例的生命周期, ??并簡(jiǎn)述 Vue?實(shí)例生命周期包含些階段。
每—個(gè)Vue?實(shí)例都有一個(gè)完整的生命周期,即創(chuàng)建、初始化數(shù)據(jù)、編譯模板、掛載DOM?、渲染更新渲染、銷(xiāo)毀等一?承列過(guò)程,稱之為Vue?的生命周期。??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? (1)?初始化事件與生命周期階段,初始化注入與校驗(yàn)階段???????????????????????????????????????????????????????????????????????????????????????????????? (2)?編譯模板階段,掛載階段?????????3)?運(yùn)行階段,銷(xiāo)毀階段? ?
五、Vue?父子組件間通過(guò)傳遞參數(shù)來(lái)完成數(shù)據(jù)通信, ?請(qǐng)簡(jiǎn)述組件向父子組件傳值過(guò)程。
子組件向父子組件傳值過(guò)程。
1)?子組件中需要以某種方式?(如點(diǎn)擊事件)?的方法來(lái)觸發(fā)一個(gè)自定義的事件;???
2)?將需要傳的值作為$emit?的第二個(gè)參數(shù),該值將作為實(shí)參傳給響應(yīng)事件的方法;
3)?在父組件中注冊(cè)子組件并在子組件標(biāo)簽上綁定自定義事件的監(jiān)聽(tīng)。
父組件向子組件傳值
1)?子組件在props?中創(chuàng)建一個(gè)屬性,用來(lái)接收父組件傳過(guò)來(lái)的值;???
2)?在父組件中注冊(cè)子組件;
3)?在子組件標(biāo)簽中添加子組件props?中創(chuàng)建的屬性,把需要傳給子組件的值賦給該屬性
六、Vue?是基于 MWVM?模式實(shí)現(xiàn)的框架, ?請(qǐng)簡(jiǎn)述什么是 MVVM?模式。
MVVM模式是前端視圖層的分層開(kāi)發(fā)思想,主要把每個(gè)頁(yè)面分成Model、View、ViewMode??三部分,簡(jiǎn)寫(xiě)MVVM.??????1)?M??(Model)?:數(shù)據(jù)模型,即數(shù)據(jù),指JavaScript??中的數(shù)據(jù),如對(duì)象、數(shù)組等,或從后端獲取的數(shù)據(jù)列表。Model?是應(yīng)用程?序業(yè)務(wù)邏輯數(shù)據(jù)封裝的載體。2)?V?(View):視圖,頁(yè)面中的HTML??結(jié)構(gòu),它負(fù)責(zé)將數(shù)據(jù)模型轉(zhuǎn)化成UI?展示出來(lái)。3)??????????????VM(ViewModel):?View?和Model?之問(wèn)的調(diào)度者,同步View?和Model?的Vue?實(shí)例對(duì)象。
七、寫(xiě)出?5 種 Vue?中的指令和它的作用 ???(功能相似的計(jì)為一種)
?3、v-show顯示內(nèi)容;?????4、v-hide?隱藏內(nèi)容8、?v-text?解析文本;????9、v-html解析html標(biāo)簽;?12、?v-cloak?防止閃爍;?