vue组件调用Django接口实例

首先，您需要在Django中创建一个API视图，该视图将处理来自Vue组件的请求。您可以使用Django REST框架来简化API的创建过程。

以下是一个使用Django REST框架创建API视图的示例：

from rest_framework.views import APIView
from rest_framework.response import Response
from django.shortcuts import get_object_or_404
from .models import MyModel

class MyModelView(APIView):
    def get(self, request, pk):
        my_model = get_object_or_404(MyModel, pk=pk)
        data = {
            'id': my_model.id,
            'name': my_model.name,
            'description': my_model.description
        }
        return Response(data)

在这个示例中，我们创建了一个名为`MyModelView`的API视图，它处理`GET`请求，并返回`MyModel`模型的数据。我们使用`get_object_or_404`函数来获取指定ID的`MyModel`实例。

接下来，您需要在Vue组件中使用`axios`库来发起HTTP请求并获取数据。以下是一个示例：

import axios from 'axios';

export default {
    data() {
        return {
            myModel: null
        }
    },
    mounted() {
        axios.get('/api/my-model/1/')
            .then(response => {
                this.myModel = response.data;
            })
            .catch(error => {
                console.log(error);
            });
    }
}

在这个示例中，我们使用`axios`库来发起`GET`请求，获取ID为1的`MyModel`实例的数据。我们将`response.data`赋值给`myModel`变量，以便在组件模板中使用。

这就是一个简单的Vue组件调用Django接口的示例。当然，实际情况可能更加复杂，具体取决于您的应用程序的需求。