用vuejs 構(gòu)建一個(gè)單頁(yè)面應(yīng)用，單頁(yè)面應(yīng)用頁(yè)面包括侵蒙，頭部造虎，左側(cè)導(dǎo)航，中間內(nèi)容區(qū)域纷闺，如圖1所示：
圖1
要求：1.當(dāng)左側(cè)導(dǎo)航欄列表過(guò)多的時(shí)候算凿，出現(xiàn)滾動(dòng)條，右側(cè)內(nèi)容超出的時(shí)候右側(cè)出現(xiàn)滾動(dòng)條急但。如圖2,3所示澎媒，點(diǎn)擊左側(cè)列表的時(shí)候，右邊內(nèi)容變成左側(cè)菜單的字波桩，如點(diǎn)擊“左側(cè)1”戒努，右側(cè)中間布局就變成“這是左側(cè)1”,并且相應(yīng)點(diǎn)擊的li加上背景顏色，如圖4所示：
注意事項(xiàng)：1左側(cè)和中間布局高度默認(rèn)跟瀏覽器窗口的高度一樣镐躲，超出的時(shí)候才出現(xiàn)滾動(dòng)條储玫。2.點(diǎn)擊左側(cè)列表，通過(guò)路由來(lái)加載不同的組件萤皂。
左側(cè)滾動(dòng)條
圖2
右側(cè)滾動(dòng)條
圖3
圖4
參考資料：https://vuejs.org/
http://router.vuejs.org/
