vue没有封装异步的方法,可以使用第三方插件:axios
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
<div id="app">
<h1>网站列表</h1>
<div v-for="site in info">
{{ site.amttitle }}
</div>
</div>
<script>
new Vue({
el: '#app',
data: { info: null },
mounted() {
var self = this;
axios
.get('http://***/api/Announcement', {
headers: { "Authorization": "***" },
params: { amttitle: "角色" },//是即将与请求一起发送的 URL 参数
// `responseType` 表示服务器响应的数据类型,可以是 "arraybuffer", "blob", "document", "json", "text", "stream"
responseType: "json", // 默认的
data: {// 只适用于这些请求方法 "PUT", "POST", 和 "PATCH"
firstName: "Fred"
}
})
.then(function (response) {
if (response.data.code == 0) {
self.info = response.data.data.list;
}
})
.catch(function (error) { // 请求失败处理
console.log(error);
});
}
})
</script>
详细的参数配置可以参考:https://www.runoob.com/vue2/vuejs-ajax-axios.html