單檔案元件與Vue中的路由

2021-09-11 08:02:42 字數 748 閱讀 3989

1. 單檔案元件

2. 路由

3. 多頁應用和單頁應用

– 多頁面應用:每一次跳轉頁面的時候,控制台伺服器都會返回乙個新的html文件。

優點

**首屏時間快:**即頁面首個螢幕展現出來的時間,因為訪問頁面的時候,伺服器就會返回乙個html,然後頁面就會被展示出來,這個請求只經歷了乙個http請求的過程,所以頁面展示的速度會非常快。

**搜尋引擎優化(seo)效果好:**搜尋引擎在做排名的時候,需要知道網頁的內容,然後給你乙個網頁的權重,再進行一次排名。搜尋引擎可以識別html的內容,我們每個頁面的內容都放在html中,所以seo效果好。

缺點:

每次跳轉的時候,都會傳送乙個http請求,假設網路比較慢的時候,就會出現卡頓。

優點

由於少了傳送http請求的時延,所以頁面切換快。

缺點

首屏時要額外加上對html的請求,所以時間稍慢;搜尋引擎無法js渲染的內容,所以seo要差。

vue 單檔案元件

vue.js自定義的一種檔案格式 vue檔案,稱為單檔案元件,就是將html css js封裝在同乙個檔案內,從而實現了對乙個元件的封裝,乙個.vue 檔案就是乙個單獨的元件。1 編寫單檔案元件 vue結尾的檔案 由3部分組成 html template css style js script ht...

vue單檔案元件

vue單檔案元件 vue單檔案元件就是把乙個頁面拆分成為多個 多層次的元件。通過多層引用,大大縮小vue檔案的長度和頁面複雜度。步驟 父元件 1.引入元件 import tabcard from components tabcard.vue 2.配置元件 export default 3.使用元件 ...

單檔案元件vue

定義 乙個檔案名字是以.vue結尾,並且裡邊的內容就是乙個元件,這個檔案就稱作單檔案元件 普通元件的缺點 普通元件內容是 和 其它js 邏輯摻雜在一塊兒,不易維護,其優勢不容易發揮!x 乙個元件就是乙個vue例項的體現,template div容器部分 script vue例項部分 style 給d...