如何将一些 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

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

How to convert some Nuxt code into some Vue?

javascript

vue.js

vue-component

vuejs2

nuxt.js