用vuejs 構建一個單頁面應用，單頁面應用頁面包括，頭部，左側導航，中間內容區域，如圖1所示：
圖1
要求：1.當左側導航欄列表過多的時候，出現滾動條，右側內容超出的時候右側出現滾動條。如圖2,3所示，點擊左側列表的時候，右邊內容變成左側菜單的字，如點擊“左側1”，右側中間布局就變成“這是左側1”,并且相應點擊的li加上背景顏色，如圖4所示：
注意事項：1左側和中間布局高度默認跟瀏覽器窗口的高度一樣，超出的時候才出現滾動條。2.點擊左側列表，通過路由來加載不同的組件。
左側滾動條
圖2
右側滾動條
圖3
圖4
參考資料：https://vuejs.org/
http://router.vuejs.org/
