1新建navigationBarvue 內(nèi)容如下2appvue3新建幾個(gè)vue文件，用來(lái)放內(nèi)容4新建loginvue。

而底部導(dǎo)航欄是直接在Appvue根組件中使用的，登陸頁(yè)也是通過(guò)路由顯示在根組件上的，所以登錄頁(yè)沒(méi)法傳值直接控制底部導(dǎo)航欄的顯示那么我能通過(guò)什么解決了，想到了用vuex狀態(tài)管理，開(kāi)工我這邊把mutations，actions，getters。

我們可以使用 navbar 類來(lái)創(chuàng)建一個(gè)標(biāo)準(zhǔn)的導(dǎo)航欄，后面緊跟 navbarexpandxllgmdsm 類來(lái)創(chuàng)建響應(yīng)式的導(dǎo)航欄 大屏幕水平鋪開(kāi)，小屏幕垂直堆疊導(dǎo)航欄上的選項(xiàng)可以使用 元素并添加 class= navbarnav 類。

解決方法有兩種第一可以通過(guò)存緩存來(lái)獲取狀態(tài)，第二可以監(jiān)聽(tīng)路由本文主要針對(duì)第二種方法詳細(xì)解答一下小伙伴們首先可能想到的是watch監(jiān)聽(tīng)$route，但是在這我不推薦使用watch，因?yàn)閣atch如果用戶刷新頁(yè)面的情況下，會(huì)兼聽(tīng)不。

一打開(kāi)Dreamweaver，點(diǎn)擊 文件新建 菜單，創(chuàng)建一個(gè)HTML文件，輸入網(wǎng)站導(dǎo)航欄文字，并選中輸入的文字，在下面的屬性欄鏈接處加一個(gè)空鏈接然后保存該網(wǎng)頁(yè)文件 二點(diǎn)擊 窗口行為 菜單，打開(kāi)行為面板。

Vue3 中響應(yīng)式核心方法就是 reactive 和 effect ， 其中 reactive 方法是負(fù)責(zé)將數(shù)據(jù)變成響應(yīng)式， effect 方法的作用是根據(jù)數(shù)據(jù)變化去更新視圖或調(diào)用函數(shù)，與 react 中的 useEffect 有點(diǎn)類似~其大概用法如下。

1在Vue組件中，找到導(dǎo)航欄和輪播圖對(duì)應(yīng)的區(qū)域，添加CSS樣式，確定輪播圖的背景色或者圖片，可以使用CSS的backgroundcolor或backgroundimage屬性進(jìn)行設(shè)置2將導(dǎo)航欄的背景色或者透明度設(shè)置為與輪播圖相同或者相似的顏色或。

視圖更新原理 其原理就是vue的響應(yīng)式更新dom的原理，m = v m是數(shù)據(jù)，也就是在vuerouter install時(shí)在根組件root vue component添加了_route屬性，在匹配到對(duì)應(yīng)路由后更新了_route屬性值，繼而觸發(fā)了該屬性值的。

Vue通過(guò)設(shè)定對(duì)象屬性的 settergetter 方法來(lái)監(jiān)聽(tīng)數(shù)據(jù)的變化，通過(guò)getter進(jìn)行依賴收集，而每個(gè)setter方法就是一個(gè) 觀察者Watcher ，在數(shù)據(jù)變更的時(shí)候通知 訂閱者Dep 更新視圖核心APIobserver 數(shù)據(jù)劫持 劫持對(duì)象的。

因此接下去我們執(zhí)行以下4個(gè)步驟，實(shí)現(xiàn)數(shù)據(jù)的雙向綁定深入響應(yīng)式原理 剖析Vue原理實(shí)現(xiàn)雙向綁定MVVM 響應(yīng)式系統(tǒng)的基本原理js JavaScript實(shí)現(xiàn)MVVM之我就是想監(jiān)測(cè)一個(gè)普通對(duì)象的變化。

vue的響應(yīng)式數(shù)據(jù)原理是vue的核心特性之一當(dāng)我們?cè)趘ue中修改數(shù)據(jù)時(shí)，頁(yè)面會(huì)自動(dòng)響應(yīng)并更新相應(yīng)的部分，這是由vue的響應(yīng)式數(shù)據(jù)原理實(shí)現(xiàn)的vue通過(guò)使用ObjectdefineProperty方法來(lái)實(shí)現(xiàn)對(duì)數(shù)據(jù)的監(jiān)聽(tīng)，當(dāng)數(shù)據(jù)發(fā)生變化時(shí)，vue會(huì)自動(dòng)。

vue2響應(yīng)式原理由 Observer 類， Dep 類和 Watcher 類互相調(diào)用實(shí)現(xiàn)， Observer 類是把一個(gè)普通的object類變成每一層都能相應(yīng)的類， Dep 類的作用是添加，移除，通知和收集訂閱者， Watcher 類是訂閱者，主要功能是把當(dāng)。

Vuejs 里面有一個(gè)功能插件就是有關(guān)實(shí)現(xiàn)是響應(yīng)式的 模型只是普通對(duì)象，修改它則更新視圖這讓狀態(tài)管理非常簡(jiǎn)單且直觀，不過(guò)理解它的原理也很重要，可以避免一些常見(jiàn)問(wèn)題多去學(xué)習(xí)vue里面的功能插件實(shí)現(xiàn)效果的功能比較。

1方法一 在mockroleroutesjs添加新的頁(yè)面，因?yàn)槲抑匦屡渲昧寺酚傻膉s，所以需要到這樣更改2方法二在routerindexjs，將路由寫到外面。

vue2中ObjectdefineProperty響應(yīng)式只對(duì)對(duì)象有效，對(duì)數(shù)組無(wú)效，所以對(duì)數(shù)組做額外處理我們知道，會(huì)改變數(shù)組本身的方法只有7個(gè)sort， push， pop， slice， splice， shift， unshift，所以可以通過(guò)重寫這些方法來(lái)達(dá)到數(shù)組響應(yīng)式 解。