最近公司要使用vue.js做前台開發,專案忙完了,自己閒下就研究了一下,以供以後參考。
1,第一步安裝node.js。
2,建議安裝cnpm。命令:npm install -g cnpm --registry= 。因為預設外國伺服器,這裡使用阿里巴巴的映象伺服器。
3,安裝全域性vue-cli。npm install --global vue-cli。
6.到專案目錄下,命令:cd demo-vue,回車,然後輸入 命令:cnpm install,回車,等待安裝
7.安裝後的目錄
8,在瀏覽器輸入 http://localhost:8080 回車,8080為預設埠,如果出現以下頁面說明你的vue專案則安裝成功了
9.安裝 axios,命令: cnpm install axios ,主要用來跨域請求
10.安裝 element-ui 。命令 cnpm install element-ui,頁面布局元件。
12.新建people.vue,然後在router配置
如上圖所示
13,非同步訪問資料方法,在method定loaddata()請求,
process.env.api_root,為之前在dev.env.js配置的生產環境,具體詳情參考專案裡
element ui跨域session失效解決方案
最終還是遇到了跨域問題,經過一下午的各種嘗試終於成功的掉到了想要的東西,下面就來寫一下是如何實現的,也算是給後來者填個坑 你需要做乙個反向 的東西開啟你的vue專案的config資料夾下的index.js 然後找到以下的 當然不管是開發還是生產環境都可以直接請求配置好之後測試時程式會自動判斷當前是開...
vue引入element ui報錯
1.引入css import element ui lib theme chalk index.css 2.報錯資訊 node modules element ui lib theme chalk index.css 1 0 module parse failed unexpected charac...
vue專案引入element ui
先 npm 安裝element ui npm i element ui s然後分為 完整引入 和 按需引入 完整引入 我就不多說了,十分簡單,參照官網 官網位址 按需引入 首先npm安裝依賴 npm install babel plugin component d然後在babel.config.js...