javascript - 如何将一些 Nuxt 代码转换成一些 Vue？

Question

如何将此 Nuxt 脚本转换为 Vue 兼容脚本？

<script>
export default {
  components: {
    FeaturedProduct
  },
  async asyncData({ $axios }) {
    try {
      let response = await $axios.$get(
        'http://localhost:5000/api/products'
      )

      console.log(response)
      return {
        products: response.products
      }
    } catch (error) {}
  }
}
</script>

我如何在 Vue 中进行此操作？如果我删除 $ 它会给我一个错误说

axios not defined

Answer 1

这将是 Vue 中的语法(假设您已经为 Vue 安装了 axios)

<script>
export default {
  async created() {
    try {
      let response = await this.axios(
        'http://localhost:5000/api/products'
      )

      console.log(response)
      this.products = response.data.products
    } catch (error) {}
  }
}
</script>

可以在这里找到一个工作示例:https://github.com/kissu/vue2-axios/blob/master/src/App.vue