1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
6 <script src="./js/vue.min.js"></script>
7 <script src="./js/axios.min.js"></script>
8 </head>
9 <body>
10 <div id="app">
11 {{ info }}
12 </div>
13 <script type = "text/javascript">
14 new Vue({
15 el: '#app',
16 data:{
17 info:null
18 },
19 mounted () {
20 axios
21 .get('./data/json.json')
22 .then(res => {
23 this.info = res.data
24 })
25 .catch(function (error) { // 请求失败处理
26 console.log(error);
27 });
28 }
29 })
30 </script>
31 </body>
32 </html>
