axios獲取資料的兩種方法
第一種方法
在build/dev-server.js裡面新增下面的程式碼[舊版本]
var app = express();
var goodsData = require(’…/mock/goods.json’);
var router = express.Router();
router.get("/good", function(req,res){
res.json(goodsData);
});
app.use(router);
在元件裡面使用以下程式碼
axios.get(’/good’).then(res=>{ //返回時一個promise物件,呼叫then方法獲得資料
var res = res.data; //返回的資料儲存在data屬性裡面
this.goodsList = res.result; //將獲取的資料儲存到goodsList裡面去
})
第二種方法
在conf/index.js裡面敲入如下程式碼
‘/api’ : {
target: ‘http://127.0.0.1:8080’,
pathRewrite : {
‘^/api’ : ‘/static/mock’
}
}
在元件裡面使用以下程式碼
methods:{
getCityInfo() {
axios.get(’/api/city.json’).then(this.handleGetCityInfoSucc); //這裡Res傳遞過去了
},
handleGetCityInfoSucc (res) { //這裡接收res
res = res.data; //這裡獲取資料
if(res.ret && res.data) { //判斷狀態碼
const data = res.data; //一次請求,獲得多組資料,分別賦值
this.cities = data.cities;
this.hotCities = data.hotCities;
}
}
}
相關推薦
資料獲取的兩種方法:DataList和SqlDataReader
資料獲取的兩種方法:一種是DataReader向後讀寫的類,缺點是不夠靈活; 另一種是DataSet資料集,會消耗一些額外的記憶體,但是靈活性高 string strsql = "Data Sour
mybatis學習之路----批量更新資料兩種方法效率對比
點滴記載,點滴進步,願自己更上一層樓。 上節探討了批量新增資料,這節探討批量更新資料兩種寫法的效率問題。 實現方式有兩種, 一種用for迴圈通過迴圈傳過來的引數集合,迴圈出N條sql, 另一種 用mysql的case when 條件判斷變相的進行批量更新 下面進行實現
OpenVR裝置位置獲取的兩種方法
OpenVR 下,獲取裝置位置的方法有兩個:WaitGetPoses 和 GetDeviceToAbsoluteTrackingPose。 WaitGetPoses: 會阻塞程式執行,直到底層獲取到新的裝置姿態位置才可以返回。 GetDeviceToAbsoluteTrackingPose: 則時通過傳遞預計
axios獲取資料的兩種方法
第一種方法 在build/dev-server.js裡面新增下面的程式碼[舊版本] var app = express(); var goodsData = require(’…/mock/goods.json’); var router = express.R
php獲取陣列中重複資料的兩種方法
<meta charset='utf-8'> <?php function FetchRepeatMemberInArray($array) { // 獲取去掉重複資料的陣列 $unique_arr = array_unique
【Jquery】jQuery獲取URL參數的兩種方法
ont ras mil scrip line 兩種方法 lower quest request jQuery獲取URL參數的關鍵是獲取到URL,然後對URL進行過濾處理,取出參數。 location.href是取得URL。location.search是取得URL“?
前臺向後臺傳值的兩種方法 以及 從後臺獲取數據的方法
list 獲取數據 data border asc req rip attr 訂單 1、前臺向後臺傳值方法一: 表單提交的方式: 1 <form action="${path }/manage/logon.do" method="post" id="logonFo
JavaScript原生獲取URL參數的兩種方法
方法 參數 name 去掉 post fse javascrip sub class 通過url獲取參數的兩種原生方法(使用框架的話一般都會提供): 方法一(推薦): urlinfo=window.location.href; //獲取當前頁面的url len=ur
php獲取圖片真實後綴的兩種方法
php獲取圖片真實後綴的兩種方法一、getimagesize(支持base64): 代碼: <?php /* @desc:獲取圖片真實後綴 @param name 文件名 @return suffix 文件後綴 */ function getimgsuffix($name) { $
兩種方法自動獲取 grub2-mkpasswd-pbkdf2 生成的密碼
再次 alt 方法 剛才 expec 51cto pbkdf2 ech term 一、grub2-mkpasswd-pbkdf2 生成密碼過程: grub2-mkpasswd-pbkdf2 輸入口令:(需要輸入密碼)Reenter password: (需要再次輸入剛才的密
兩種方法實現STM32F103向串列埠一直髮送資料(程式原始碼,已測試)
串列埠是STM32最為重要的資源,在平時的硬體除錯和軟體除錯中都是不可或缺的工具,最近在測試一塊板子的通訊功能是否正常,我打算用板子A的串列埠USART1一直向串列埠傳送資料,用板子B的串列埠1接收資料,並將接收到的資料經過處理後顯示在LCD
PHP獲取網頁原始碼最簡單的兩種方法
第一種:curl 廢話不多說,直接上程式碼 //1,獲取curl控制代碼 $ch = curl_init(); // 2. 設定選項,包括URL curl_setopt($ch,CURLOPT_URL,"http://www.baidu.com/"); curl_
logstash獲取nginx日誌 兩種方法
獲取nginx日誌要寫grok 還有很多正則來做 那麼很多像我一樣的新手不知道該如何操作 下面我們來個簡單的 第一種 : 重點是: 把nginx的access.log日誌格式改成json型別 更重要的是下面兩行 log_format json '{"@timestamp"
js獲取物件屬性的兩種方法,object.屬性名,[‘屬性名’ ]
1、通過點的方式 2、通過括號的方式 例: <input type="text" value="hello" id="text"/> var oText = document.getElementById("text") (1)通過點的方式 oText.pr
scrapy框架 用post 爬取網站資料 的兩種方法區別
post請求,一定要重新呼叫父類的 start_requests(self)方法 方法1:(推薦) 重構start_requests def start_requests(self): data = { 'source': 'index_na
獲取SHA1的兩種方法
第一,使用命令列keytool -list -v -keystore + keystore的路徑 例如: keytool -list -v -keystore “C:\Users\Tool\android\debug.keystore”。 第二個方法完全來自於一位網
mybatis查詢樹形資料的兩種方法
原貼地址:https://www.cnblogs.com/nick-guo-sdly/p/7668462.html 最近開發中遇到了很多樹形結構資料的需要,利用mybatis提供巢狀查詢功能,基本上可以完美解決,但是對於其中的原理並不理解,導致在使用的時候像瞎貓碰死耗子一樣,照著先前成功的例子c
Flask 設定cookie的兩種方法.獲取cookie,和刪除cookie的方法(修改過期時間)
設定cookie 方法一: 建立物件 make_response的物件 呼叫物件 的set_cookie方法設定cookie 方法二: 直接設定表單頭 除了鍵值對,其他部分可去瀏覽器檢查摘抄 resp.headers["Set-Cook
Android 獲取手機的解析度兩種方法
A,過時的API [2]獲取手機的解析度 WindowManager wm = (WindowManager) getSystemService(WINDOW_SERVICE
資料壓縮的兩種方法
方法一: 將整型資料存在位元組裡面 參考了 http://www.cnblogs.com/chencheng/archive/2012/07/01/2572251.html 方法二: 對二進位制碼流進行壓縮 舉例: