vue vue-router vuex element-ui axios 寫一個代理平臺的學習筆記（

ThinkSNS 發布于2019-08-21 17:35 / 1781人閱讀

摘要：創建項目直接在工作空間下用來創建安裝依賴執行成功的話講出現這個畫面正式開始寫項目首先修改項目結構目前的結構新建一個文件夾，用來管理部分狀態，比如登錄里面新建一個新建一個文件夾，用來寫的請求借口里面放一個新建一個文件夾，用來存放或模擬數據，

創建項目 learn

直接在工作空間下用vue-cli來創建
vue init webpack learn

安裝依賴

執行
cnpm i
cnpm run dev

成功的話講出現這個畫面

正式開始寫項目

1、首先修改項目結構
目前的結構

新建一個vuex文件夾，用來管理部分狀態，比如登錄

里面新建一個store.js

新建一個api文件夾，用來寫axios的請求借口,里面放一個api.js

新建一個data文件夾，用來存放或模擬數據，放一個data.js

里面放空內容就行

現在的結構

2、在main.js里面引入vuex element等

3、修改App.vue文件代碼，確認element是否引入成功
代碼
輸出：
說明是沒有問題的

組件規劃和寫路由結構 預想中要實現的功能：

主頁 home

商品展示 products

使用幫助 FAQ

用戶操作 manger

用戶信息 manger/my

發貨管理 manger/send

歷史發貨 manger/history

登錄 login

注冊 regin

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89711.html

Vue入坑筆記

摘要：近段時間常使用開發，寫點記錄，避免時間久之忘了。安裝教程查看是否已安裝，在中輸入若已安裝則輸出版本號。繼承報錯可能是文件路徑問題。當和繼承的不同時在文件夾內外的話，會出現該錯誤。近段時間常使用vue-cli開發，寫點記錄，避免時間久之忘了。環境 1. nodejs　　vue-cli開發基于nodejs環境，確保開發的環境中已安裝了nodejs。　　安裝教程 https://www....

superw 2019-08-26 12:16 評論0 收藏0
vue+node+mysql搭建個人博客（一）

摘要：其中用來完成請求，將添加的原型上后就不需要再在每個需要使用它的頁面引入了每個頁面都相當于一個組件，文件以結尾，第一次啟動成功時看到的頁面就是組件，路徑。學習筆記...在線地址：cl8023.com github 數據庫已改為mongodb 快速搭建 node 后端服務Github-quick-node-server 準備工作安裝node，這是必須的新版node自帶npm...

peixn 2019-08-21 17:48 評論0 收藏0
vue2.0+axios+mock+axios-mock+adapter實現登陸

摘要：做項目過程中，需要用到后臺模擬數據，在機緣巧合下發現了，在學習使用的過程中又偶遇了。做項目過程中，需要用到后臺模擬數據，在機緣巧合下發現了mock，在學習使用的過程中又偶遇了axios-mock-adapter。現在將實例展示如下：準備實例是建立在vue-cli的基礎上實現需要提前安裝的插件有：axios：npm install axio --savemockjs：npm ins...

RancherLabs 2019-08-22 18:49 評論0 收藏0
vue學習筆記（五）

摘要：各模塊各司其職，提高開發效率。使用生成的項目目錄里，我們主要關注目錄。這個是我們之前提到的單頁面組件。這是項目的路由文件，存放項目中所有的路由。這里和我們之前所學沒什么不同，不過是涉及了不少的知識。一、vue模塊化開發所謂的模塊化開發是指將不同的部分封裝到不同的模塊中，不再將所有的組件、路由等寫在一個頁面中。各模塊各司其職，提高開發效率。使用vue-cli生成的項目目錄里，我們主...

shusen 2019-08-21 17:18 評論0 收藏0
vue學習筆記（五）

摘要：各模塊各司其職，提高開發效率。使用生成的項目目錄里，我們主要關注目錄。這個是我們之前提到的單頁面組件。這是項目的路由文件，存放項目中所有的路由。這里和我們之前所學沒什么不同，不過是涉及了不少的知識。一、vue模塊化開發所謂的模塊化開發是指將不同的部分封裝到不同的模塊中，不再將所有的組件、路由等寫在一個頁面中。各模塊各司其職，提高開發效率。使用vue-cli生成的項目目錄里，我們主...

paulquei 2019-08-01 17:52 評論0 收藏0