如何使用Nativescript Vue和Axios显示API数据

Question

下面的代码在web浏览器中工作，我可以使用v-for检索json数据：

export default {
  data() {
    return {
      orders: []
    }
  },


  created() {
    axios.get('https://development.octavs.com/testapi.json')
    .then(response => {
         this.orders = response.data
    })
    .catch(error => {
      console.log(error);
    })
    }
}

所以我尝试在nativescript vue与ListView这样：

<ListView class="list-group" for="order in orders" @itemTap="onItemTap" style="height:1250px">
          <v-template>
            <FlexboxLayout flexDirection="row" class="list-group-item">
              <Label :text="order.store" class="list-group-item-heading" style="width: 40%" />
             
              <Label :text="order.description" class="list-group-item-heading" style="width: 60%" />
            </FlexboxLayout>
          </v-template>
        </ListView>

但它根本无法检索数据或错误消息。

有什么要我补充的吗？

我正在路由器上使用NativeScip vue cli模板，因此我已经插入了以下依赖项：

从axios导入axios；

从“vue axios”导入VueAxios；

Vue.use；

Answer 1

结果我只需要输入：从“axios”导入axios；在实际页面/组件中

<script>
import axios from 'axios';

  export default {
    data () {
      return {
…
…