zoukankan      html  css  js  c++  java
  • vue3.0请求接口的例子

    <script>
    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;
          console.log(res.data.data.films);
    
          onMounted(() => {
            getInTheatersData();
          });
    
          const goToList = (type) => {
            router.push(`/list/${type}`);
          };
    
          // 传递数据给子组件
          provide("title", "黑马电影");
    
          return { ...toRefs(state), goToList };
        };
      },
    };
    </script>
    
  • 相关阅读:
    windows 杀进程
    tool
    转:TestLink1.9.3测试用例:Excel转换XML工具<二>实现代码
    转:Excel转换XML工具<一>
    testlink 下载地址
    testng xml 示例
    eclipse中使用loadrunner java api步骤
    mybatis入门例子
    myBatis的引出
    maven
  • 原文地址:https://www.cnblogs.com/cupid10/p/14143638.html
Copyright © 2011-2022 走看看