vue的异步

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