vue3接口数据实现问题

遇到一个接口数据实现问题。

目前是有一个模拟实现方法，也就是利用si数据来显示页面。

img

然后我想改一下把defineProps去掉换成我的axios接口

axios.get('/menu/findAll')
    .then(response => {
      data.menuList = response.data;
    })
    .catch(error => {
      console.log(error);
    });



import {ref} from 'vue';
let menuList = ref([]);

axios.get('/menu/findAll')
    .then(response => {
      menuList.value = response.data;
    })
    .catch(error => {
      console.log(error);
    });

defineProps 是 vue3 中用于引入父组件传入参数的东西，子组件不要随意的去修改，你这个方法要放在父组件那边，本身menuList 就是父组件传过来的，你在父组件 menuList 赋值的地方修改就行