首先熟悉幾個概念
vw(viewport width)、vh(viewport height)相對單位 相對於設計稿寬的百分比
100vw代表寬度100%
100vh代表高度的100%
我們在寫移動端介面時為了適配不同的終端，元素的大小怎樣適配？
一般情況小，設計稿的寬度是固定的（750px、640px、1440px等一般都是裝置的2倍圖），高度一般情況下是不確定的，所以我們在寫**的時候，如果使用vw vh這種相對寬度，在寫寬度的時候就是某一塊寬度佔總寬度的百分比，高度也是同樣的道理，但是高度需要注意，在計算高度的時候它也是相對與設計稿寬度（寬度是固定的）的百分比，即多少vw。
如果以上計算方式複雜，下面提供乙個外掛程式使編寫**時更方便，具體如下：
安裝外掛程式 npm install postcss-px-to-viewport -s
配置.postcsssrc.js檔案
module.exports = ,
"postcss-url": {},
// to edit target browsers: use "browserslist" field in package.json
"autoprefixer": {},
"postcss-px-to-viewport":
}}以上操作之後，再編寫**時，具體的寬高就可以根據在設計稿測量的寬高進行書寫了（測量的是多少就寫多少，系統會自動計算）。
axios請求資料
安裝axios npm install axios
第二步在js import匯入 import axios from 'axios';
第三步：
axios.get(url,}).then(res=>).catch(err=>);
better-scroll解決縱向滾動問題
1. 安裝better-scroll npm install better-scroll -s
2.js引入
import bscroll from 'better-scroll';
3.例項化
mounted() );
},4.注意外層容器必須有高度和oerflow:hidden;
網易嚴選
}
}}元}
}
首先我們在安裝初始化npm的時候一定要同意安裝路由。
熟悉以下router裡index.js的結構，一般新建乙個vue-cli專案 路由預設指向helloworld.vue，router資料夾下的index.js內容如下
我們在使用路由的時候怎樣使用呢，
第一步：改變index.js裡根目錄"/"的指向，預設是helloworld.vue，我們可以改變為其他的乙個我們想要設定的乙個首頁的元件，這裡我們不再改變就以helloworld.vue為例，根目錄指向helloworld元件。
第二步：helloworld.vue是主頁面，裡面一般包含其他的跳轉連線怎樣寫呢，寫法如下
寫法和helloworld.vue元件引入類似。
例如我們新建了乙個newphp.vue的元件。
vue cli 專案搭建
1 因為之前已經安裝過node.js和git，所以直接用npm 2 吶吶吶npm速度慢是一定的了，所以用 映象，將npm cnpm 這裡寫 片3 開啟cmd，進入想要建立專案的目錄下，輸入 vue init webpack projectname4 安裝提示選擇 project name 專案名稱 ...
vue cli搭建專案
一 安裝node 不做詳述 我的node安裝位置d program files 安裝檔案包名是nodejs 即 d program files nodejs 如果是直接在d盤的node資料夾 那就是d node 配置環境變數 我的電腦 計算機右鍵 高階系統設定 環境變數 系統變數中 path 追加 ...
VUE CLI專案上線
託管靜態資源 中介軟體 啟動web伺服器 使用gzip壓縮可以減小檔案的體積，傳輸速度更快。通過服務端使用express做gizp壓縮，配置如下 安裝 相應包 npm install compression d 匯入包 const compression require compression 傳統...