Nuxt.js 调用异步方法时不是函数错误吗？

这个页面文件哪里出了问题？我只想调用挂载的测试方法

<template>
    <div class="container"></div>
</template>

<script>
export default {
    async test() {
        let result = await axios.get('http://echo.jsontest.com/key/value/one/two');
        console.log(result);
    },
    mounted() {
        this.test();
    }
};
</script>

导出默认值{
异步测试（）{
让结果=等待axios.get（'http://echo.jsontest.com/key/value/one/two');
控制台日志（结果）；
},
安装的（）{
这个。test（）；
}
};

如果要执行

异步数据

，不需要使用mounted object方法，甚至不需要使用像

test这样的name函数

欲了解更多信息，请访问

导出默认值{
异步数据（{params}）{
让结果=等待
axios.get（）http://echo.jsontest.com/key/value/one/two');
控制台日志（结果）；
},
};

这是nuxt，我看到的每个示例都在方法之外，您要查找的是asyncData函数，它将在服务器端执行，您不能在已装入的方法中调用它，因为它甚至在装入组件之前就已经执行了，检查my UpdateThamer-那么你会如何称呼它？它将在页面显示在浏览器中之前在服务器端自动执行（nuxtjs有自己的默认实现），如果你想在页面中显示数据，你应该返回数据，

<template>
    <div class="container"></div>
</template>

<script>
export default {

  async asyncData({ params }) {
        let result = await 
           axios.get('http://echo.jsontest.com/key/value/one/two');
        console.log(result);
    },

};
</script>