1.1 單頁(yè)應(yīng)用程序介紹
1.概念
單頁(yè)應(yīng)用程序:SPA【Single Page Application】是指所有的功能都在一個(gè)html頁(yè)面上實(shí)現(xiàn)
2.具體示例
單頁(yè)應(yīng)用網(wǎng)站: 網(wǎng)易云音樂(lè) https://music.163.com/
多頁(yè)應(yīng)用網(wǎng)站:京東 https://jd.com/
3.單頁(yè)應(yīng)用 VS 多頁(yè)面應(yīng)用
單頁(yè)應(yīng)用類網(wǎng)站:系統(tǒng)類網(wǎng)站 / 內(nèi)部網(wǎng)站 / 文檔類網(wǎng)站 / 移動(dòng)端站點(diǎn)
多頁(yè)應(yīng)用類網(wǎng)站:公司官網(wǎng) / 電商類網(wǎng)站
4.單頁(yè)面應(yīng)用優(yōu)缺點(diǎn)
優(yōu)點(diǎn):按需更新性能高,開發(fā)效率高浮禾,用戶體驗(yàn)好
缺點(diǎn):學(xué)習(xí)成本帽芽,首屏加載慢觉吭,不利于SEO
1.2 路由介紹
1.思考
單頁(yè)面應(yīng)用程序,之所以開發(fā)效率高芬首,性能好,用戶體驗(yàn)好
最大的原因就是:頁(yè)面按需更新
要按需更新,首先就需要明確:訪問(wèn)路徑和 組件的對(duì)應(yīng)關(guān)系浴捆!
訪問(wèn)路徑 和 組件的對(duì)應(yīng)關(guān)系如何確定呢? 路由
2.路由的介紹
什么是路由稿械?路由是一種映射關(guān)系
Vue中的路由:路徑和組件的映射關(guān)系