Axios
Vue的生命周期
Axios 通信
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HelloWorld!</title>
</head>
<body>
<div id="app">
<h2>{{info.url}}</h2>
</div>
<!--引入Vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script text=javascript src="../js/main.js"></script>
</body>
</html>
let vm = new Vue({
el: "#app",
data(){
return{
info: {
name: null,
url: null
}
}
},
mounted(){
axios.get('data.json').then(response=>(this.info=response.data));
}
});
【说明】：本文章由站长整理发布，文章内容不代表本站观点，如文中有侵权行为，请与本站客服联系(QQ:254677821)！