```
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<div id="app">
<button type="button" @click="getMsg">獲取數據</button>
<div>{{msg}}</div>
</div>
<script type="text/javascript">
var vue=new Vue({
el:"#app",
data:{
msg:"你好啊"
},
methods:{
getMsg:function(){
var that=this;
axios.get("./new_file.json").then(function(response){
console.log(response)
that.msg=response.data;
}).catch(function(err){
});
}
}
});
</script>
</body>
</html>
```
