在VueJS模板中显示Django模板

from django.shortcuts import render
from django.core import serializers
from django.http import JsonResponse
from .models import YourModel

def your_api_view(request):
    data = YourModel.objects.all()
    json_data = serializers.serialize('json', data)
    return JsonResponse(json_data, safe=False)

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

<script>
import axios from 'axios';

export default {
  data() {
    return {
      items: [],
    };
  },
  created() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      axios.get('/your-api-url/')
        .then(response => {
          this.items = response.data;
        })
        .catch(error => {
          console.log(error);
        });
    },
  },
};
</script>