Vue2.0 http请求以及loading展示实例

(编辑：jimmy 日期: 2024/11/8 浏览：3 次 )

我们需要额外两个依赖vuex 和 axios：（还是接着上一个项目MyFirstProject写）

npm i vuex axios -D

首先简单的阐述下http请求

1、main.js 中引入axios

import axios from 'axios' 
Vue.prototype.$http = axios;

2、focus.vue中写个函数获取数据

<template>
	<div id="focus">
		<ul >
			<li v-for="(item,index) in focusList">
				<div class="fportraits">
					<img :src="/UploadFiles/2021-04-02/'+item.portrait">

获取成功后展示效果如图：

我的两个男神羡慕羡慕有没有很帅
到此请求数据就结束了，是不是很简单，然额接下来涉及到store就有点复杂了,欲知后事如何，且听下回分解~

上一篇：轻松搞定jQuery+JSONP跨域请求的解决方案
下一篇：浅析Vue中method与computed的区别