<!DOCTYPE html><html><head>? ? <meta charset="UTF-8">? ? <title>Document</title>? ? <link rel="stylesheet" href="../style/compStyle/index.css"></head><body>? ? <div id="app">? ? ? ? <div class="header">? ? ? ? ? ? <h1>{{message}}</h1>? ? ? ? </div>? ? ? ? <ul>? ? ? ? ? ? <li v-for="item in todos" :key="item">{{item.name}}</li>? ? ? ? </ul>? ? ? ? <li @click="getAxios">? ? ? ? ? ? Axios? ? ? ? </li>? ? </div>? ? <script src="../node_modules/vue/dist/vue.min.js"></script>? ? <script src="../node_modules/axios/dist/axios.min.js"></script>? ? <script>? ? ? ? var app = new Vue({? ? ? ? ? ? el: '#app',? ? ? ? ? ? data: {? ? ? ? ? ? ? ? message: '四川政協(xié)網(wǎng)',? ? ? ? ? ? ? ? todos:[]? ? ? ? ? ? },? ? ? ? ? ? methods:{? ? ? ? ? ? ? ? getAxios(){? ? ? ? ? ? ? ? ? ? if(axios){? ? ? ? ? ? ? ? ? ? ? ? console.log('Axios')? ? ? ? ? ? ? ? ? ? ? ? axios.get('./app.json')? ? ? ? ? ? ? ? ? ? ? ? .then(this.getDate)? ? ? ? ? ? ? ? ? ? ? ? .catch(function (error) {? ? ? ? ? ? ? ? ? ? ? ? ? ? console.log(error)? ? ? ? ? ? ? ? ? ? ? ? })? ? ? ? ? ? ? ? ? ? }else{? ? ? ? ? ? ? ? ? ? ? ? console.log('無')? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? },? ? ? ? ? ? ? ? getDate(res){? ? ? ? ? ? ? ? ? ? console.log(res)? ? ? ? ? ? ? ? ? ? res = res.data? ? ? ? ? ? ? ? ? ? if (res.ret && res.data) {? ? ? ? ? ? ? ? ? ? ? ? const data = res.data? ? ? ? ? ? ? ? ? ? ? ? this.todos = data.todos? ? ? ? ? ? ? ? ? ? }? ? ? ? ? ? ? ? ? ? //console.log(res)? ? ? ? ? ? ? ? }? ? ? ? ? ? },? ? ? ? ? ? mounted(){? ? ? ? ? ? ? ? this.getAxios()? ? ? ? ? ? }? ? ? ? })? ? </script></body></html>
添加回答
舉報(bào)
0/150
提交
取消