脚本宝典收集整理的这篇文章主要介绍了vue3.0请求接口的例子，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

<script>// getInTheaters 为封装的接口请求import { getInTheaters } from "@/api/movie";import { reactive, toRefs, onBeforeMount, onMounted, onBeforeUnmount, provide,} from "vue";import { useRouter } from "vue-router";import { useStore } from 'vuex'export default { components: {}, setup() { const state = reactive({ inTheaters: [], }); // 编程式导航 const router = useRouter(); const store = useStore(); onBeforeMount(() => { store.commit("setShowBack", false); }); onBeforeUnmount(() => { store.commit("setShowBack", true); }); const getInTheatersData = async () => { const res = await getInTheaters( "/gateway?cityId=310100&pageNum=1&pageSize=10&type=1&k=3535827" ); state.inTheaters = res.data.data.films; onMounted(() => { //执行请求 getInTheatersData(); }); //页面跳转 const goToList = (type) => { router.push(`/list/${type}`); }; // 传递数据给子组件 provide("title", "电影"); return { ...toRefs(state), goToList }; }; },};</script>

脚本宝典总结

以上是脚本宝典为你收集整理的vue3.0请求接口的例子全部内容，希望文章能够帮你解决vue3.0请求接口的例子所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。