image.png
- 找到
index.html文件,里面有個掛載點奠滑。 -
main.js引入了App.vue并且會初始化vue實例,在Vue實例中载萌，通過new Vue({ el: '#app',})告訴該實例要掛載的地方；（即實例裝載到index.html中的位置) -
App.vue又可以包含公共組件比如頭部尾部之類的览祖。還有一個<router-view>，是路由頁面顯示的區(qū)域炊琉。 -
<router-view>是用來裝<router-link>的內(nèi)容展蒂。
單頁應用
單頁面應用是和多頁面應用相對而言的又活。
多頁面應用是在每次頁面跳轉(zhuǎn)的時候，后臺服務器都重新生成一張html頁面锰悼，首屏時間快（只需要加載一次html）柳骄，搜索引擎優(yōu)化效果好（html內(nèi)容都在），但是切換慢（每次頁面切換都需要發(fā)出一次http請求）箕般。
單頁面應用首次加載時會請求一次html耐薯，隨后的頁面渲染都依靠js動態(tài)的將當前頁面的內(nèi)容清除掉（原理：js可以感知url的變化），然后將下一個頁面的內(nèi)容掛載到當前頁面上（前端實現(xiàn)丝里，不是后端曲初，無http發(fā)送時延），首屏慢杯聚，搜索引擎優(yōu)化效果差臼婆，但是切換快。
總結(jié)：vue的出現(xiàn)代替?zhèn)鹘y(tǒng)的多頁面切換幌绍，用戶在切換頁面時不需要http請求颁褂，提升了用戶體驗。
