如何在vue.js中通过api渲染数据

var app = new Vue({
  el: '#app',
  data: {
    items: []
  },
  mounted: function() {
    this.fetchData();
  },
  methods: {
    fetchData: function() {
      // 使用API获取数据
      // 可以使用axios、fetch等库发送HTTP请求
      axios.get('https://api.example.com/data')
        .then(function(response) {
          // 请求成功，将数据赋值给items
          this.items = response.data;
        })
        .catch(function(error) {
          console.log(error);
        });
    }
  }
});

<div id="app">
  <ul>
    <li v-for="item in items" :key="item.id">{{ item.name }}</li>
  </ul>
</div>