vue 乙個簡單的專案 之零 step 4

2021-08-30 21:33:18 字數 502 閱讀 3745

多頁應用 與 單頁應用

多頁面應用

每次頁面跳轉,後端都會返回新的html檔案。優點:首屏(首個被展示的頁面)時間快seo(搜尋引擎優化)效果好。缺點:頁面切換慢。

單頁面應用

每次頁面跳轉,是前端根據url 變化,進行頁面的重新渲染。優點:頁面切換快,缺點:首屏時間慢,seo (因為搜尋引擎只能識別html 中內容,不能識別js中內容)效果差。當然vue 中提供了許多技術,如伺服器端渲染,能完美解決單頁面應用的弊端。

因此呢,單頁面應用方案,是乙個很完美的解決方案!

專案**的初始化

這個專案是乙個移動端專案,因此首先在 完善乙個meta 標籤內容。使用者用手指放大縮小的時候,我們的內容不會變大或者變小。

被,佔坑,隨後填。

開始乙個簡單的VUE專案

本專案結合vue2.x element ui進行實現編碼 注意 1.redirect login 是為了重定向首頁為登入頁,若改為redirect main 則首頁為main頁,2.path為瀏覽器的url位址顯示的路徑,需要是name中路徑的小寫寫法 3.home.vue頁中寫入專案的框架布局如 ...

vue專案環境搭建及乙個簡單的vue例子

本文 一 vue cli腳手架的搭建步驟 首先,確定你的電腦上已經安裝了nodejs,可以使用npm包管理器安裝環境,如果還沒有安裝node環境,可參考我的另外一篇部落格中提到的關於node的安裝步驟 初識react之react webpack es6環境配置步驟整理 這裡就不多說了。1 開啟cmd...

用Vue cli從零開始搭建乙個Vue專案

電腦環境準備 2 開啟命令提示符,安裝 映象cnpm。因為cnpm安裝依賴包時會比npm速度快很多。安裝命令 npm install g cnpm registry 安裝完畢後可以在命令提示符中輸入cnpm v檢視cnpm版本 3 全域性安裝vue cli。安裝命令 cnpm install g v...