vue用axios請(qǐng)求數(shù)據(jù) vue搭配什么做前端開(kāi)發(fā)比較好?
vue搭配什么做前端開(kāi)發(fā)比較好?Vue是一個(gè)用于構(gòu)建用戶(hù)界面的漸進(jìn)式框架。與其他大型框架不同,Vue被設(shè)計(jì)成從下到上逐層應(yīng)用。Vue的核心庫(kù)只關(guān)注可視層,它不僅易于使用,而且易于與第三方庫(kù)或現(xiàn)有項(xiàng)目集
vue搭配什么做前端開(kāi)發(fā)比較好?
Vue是一個(gè)用于構(gòu)建用戶(hù)界面的漸進(jìn)式框架。與其他大型框架不同,Vue被設(shè)計(jì)成從下到上逐層應(yīng)用。Vue的核心庫(kù)只關(guān)注可視層,它不僅易于使用,而且易于與第三方庫(kù)或現(xiàn)有項(xiàng)目集成。另一方面,當(dāng)與現(xiàn)代工具鏈和各種支持類(lèi)庫(kù)相結(jié)合時(shí),Vue還可以為復(fù)雜的單頁(yè)應(yīng)用程序提供驅(qū)動(dòng)程序。
1. 如果你在做PC應(yīng)用程序,最好的選擇是elementui。
NPM I element UI-S
最簡(jiǎn)單的UI編寫(xiě)方法:http://element-cn.eleme.io/#/zh-Cn/組件/安裝
2。對(duì)于app mobile應(yīng)用程序,最好選擇AUI或ionic
文檔:http://www.auicss.com/doc/v/2/doc[ID/1
aui2.0是一個(gè)全新的AUI框架,它是在1的基礎(chǔ)上重新構(gòu)建的。十、在2.0中,REM全局控制大小,完全適應(yīng)不同分辨率的移動(dòng)設(shè)備;新增的主題樣式表方便開(kāi)發(fā)者自定義基本顏色樣式,完成APP主題的定制。從IOS 5.1到Android 4.2的完美兼容性。所以我認(rèn)為它是一個(gè)很好的UI插件。
vuejs和后臺(tái)交互時(shí),怎么發(fā)送請(qǐng)求和接收請(qǐng)求?
您可以引入Vue資源并使用此$http.get獲取,這個(gè)。$http.post當(dāng)然,跨域請(qǐng)求需要同時(shí)配置。例如,我使用express4。X,默認(rèn)地址為http://localhost:3000,則需要打開(kāi)索引.js文件,并以這種方式在dev下進(jìn)行配置axiosmain.js文件這樣配置,并且Vue請(qǐng)求這樣表示,后臺(tái)可以從post接收數(shù)據(jù)。這是最簡(jiǎn)單的用法。好的,前臺(tái)也會(huì)得到請(qǐng)求的數(shù)據(jù)
現(xiàn)在我們已經(jīng)通過(guò)webpack Vue cli構(gòu)建了一個(gè)Vue項(xiàng)目的框架。如果需要在Vue組件中使用Axios從后臺(tái)獲取數(shù)據(jù),我們應(yīng)該怎么做?通常,我們?cè)O(shè)置的項(xiàng)目目錄應(yīng)該如下所示。首先,我們需要安裝Axios。NPM的每個(gè)人都知道下一步該做什么主要.js與許多第三方模塊不同,Axios不能使用這種使用方法。相反,它應(yīng)該執(zhí)行以下操作虛擬樣機(jī).$axios=axios然后,我們可以應(yīng)用程序.vue首先,在您創(chuàng)建的public方法的文件中創(chuàng)建一個(gè)新方法HttpUtil.js文件文件。以下是總結(jié)HttpUtil.js文件內(nèi)容:VAR Axios=require(“Axios”)//配置項(xiàng)根,例如路徑VAR root=“http://localhost:8090/manage“//Axios請(qǐng)求函數(shù)httpapi(method,URL,params){返回新承諾((resolve,reject)=>{Axios({method:method,URL:URL,數(shù)據(jù):method==“post”;method==“put”?Params:null,Params:Method==“get”| | Method==“delete”?參數(shù):null,baseurl:root,withcredentials:false})。然后((response)=>{解析(response)})。Catch((error)=>{reject(error)})}//返回Vue模板中的調(diào)用接口,導(dǎo)出默認(rèn)值{get:function(URL,parameters){return httpapi(“get”,URL,parameters)},post:function(URL,parameters)},params){return httpapi(“post”,URL,params)},put:function(URL,params){return httpapi(“put”,URLparams)},delete:函數(shù)(url,params){return httpApi(“delete”,url,params)}}http.post
發(fā)送。當(dāng)然,跨域請(qǐng)求需要同時(shí)配置。例如,我使用express4。十] 在后臺(tái)。默認(rèn)地址為http://localhost:3000,則需要打開(kāi)索引.js
文件,以這種方式在dev下配置Axios主要.js
像這樣配置,像這個(gè)Express后臺(tái)這樣的Vue請(qǐng)求可以通過(guò)這種方式從post接收數(shù)據(jù),這是最簡(jiǎn)單的用法。好的,前臺(tái)也會(huì)得到請(qǐng)求的數(shù)據(jù)