如何在Laravel vuejs中使用新数据刷新数据表？

<template>
  <form @submit="handleSubmit">
    <input v-model="newData" type="text" />
    <button type="submit">提交</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      newData: ""
    };
  },
  methods: {
    handleSubmit(event) {
      event.preventDefault();
      // 在这里执行向后端发送请求的逻辑，将新数据传递给后端进行处理
    }
  }
};
</script>

public function store(Request $request)
{
    $newData = $request->input('newData');
    // 创建一个新的数据记录
    MyModel::create(['column_name' => $newData]);
    // 返回适当的响应给前端
}

<template>
  <!-- 表格或其他数据展示方式 -->
</template>

<script>
export default {
  data() {
    return {
      tableData: []
    };
  },
  created() {
    // 在组件创建时加载数据表的数据
    this.loadTableData();
  },
  methods: {
    loadTableData() {
      // 使用Vue.js的HTTP库发送请求到后端获取最新的数据表数据
      // 更新tableData属性，将其设置为返回的数据
    },
    // 其他方法和逻辑...
  }
};
</script>