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

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

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

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

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

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)航欄和輪播圖對應(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時在根組件root vue component添加了_route屬性，在匹配到對應(yīng)路由后更新了_route屬性值，繼而觸發(fā)了該屬性值的。

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

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

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

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

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

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

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