后端列表定义为一个接口,在src下创建hook目录,在hook目录下创建commonUse.js import{reactive}from'@vue/composition-api';import{hainaChangedRecordsSearchByConditionUploadRequest}from'@/services/api';//列表请求exportconstuseRequest=(activeName,dataType,org_id)=>{letformData=reactive({assetName:'',//资产名...
利用TS泛型强化类型检查 需求2: 封装发ajax请求的hook函数 hooks/useRequest.ts import { ref } from vue import axios from axios /* 使用axios发送异步ajax请求 */ export default function useUrlLoader<T>(url: string) { const result = ref<T | null>(null) const loading = ref(true) const error...
做好这一步后,你就必须在创建接口时,声明请求相应数据的类型。 11.3 封装更方便的 useRequest 设想一下,编写请求代码时,我们通常会定义这么几个变量: data: 储存请求数据 loading: 请求加载状态 尤其是 loading,我们需要在请求前设置为 true,请求结束后设置为 false。 上面的封装方式,是对基础的功能封装,因为我们...
这东西还是靠不大住，用vue也不是说写不出好的业务代码，但是写业务要有也业务的样子，别在那里跑了...
11.3 封装更方便的 useRequest[45] 11.4 统一的 API 接口管理[46] 11.5 mock[47] 12.路由[48] 12.1 创建路由三部曲[49] 12.2 使用 meta 丰富你的路由[50] 13.项目性能与细节优化[51] 13.1 开启 gzip[52] 13.2 页面载入进度条[53] 13.3 Title[54] ...
TypeScript 里的类型注解是一种轻量级的为函数或变量添加约束的方式。 在这个例子里,我们希望greeter函数接收一个字符串参数。 然后尝试把greeter的调用改成传入一个数组: functiongreeter(person:string) { return'Hello, '+ person } letuser = [0,1,2] ...
首先，从vue2.x升级到vue3.x的，对原来的options api那一套已经用烂了，难得升个级，不尝鲜强迫自己...
这一部分我在Vue2区别和React二者区别那里,已经解决了。不过没找到更好的方法。 3.路由元信息 原项目中依赖路由元信息,选择是否展示Footer组件。我看了下,只有两个组件:登录组件和注册组件不用展示, 那么直接判断pathname就行了。这显然不是最优解,很想知道react怎么自定义路由配置项。
TypeScript 里的类型注解是一种轻量级的为函数或变量添加约束的方式。 在这个例子里,我们希望greeter函数接收一个字符串参数。 然后尝试把greeter的调用改成传入一个数组: functiongreeter(person:string) { return'Hello, '+ person } letuser = [0,1,2] ...