zhousg / consult-patient-h5-vue3-ts-pinia-vant Goto Github PK

新手上路，从项目中学到了很多。感谢。不过有些地方，我总感觉不太对劲?

比如响应拦截器里面有行代码: showToast(res.data.message || '业务失败')，
我觉得 utils 工具类不应该直接依赖UI组件？应该继续把响应往上层传，在.vue那边弹窗？不然，以后想换个UI组件库，还得去全局搜各个地方的 vant 调用?

还有个挺纠结的地方, login/index.vue 里:
const res = isPass.value ? await loginByPassword(mobile.value, password.value) : await loginByMobile(...)
...
showSuccessToast('登录成功')

这里感觉挺怪的，调用 login 之后，直接就提示'登录成功'了，就好像不会失败一样，结果虽然没错，但总感觉失去了业务代码流转的可读性，不利于代码阅读和维护。

感觉我学的那种古老的js请求代码更有易于阅读?
let res = await login(mobile.value, password.value)
if(res.success){
//显示成功或者跳转
}else{
//错误弹窗
}
哪怕是用 catch 做失败分支，然后显示失败信息，我都觉得整体代码条理清晰一些。

想问下，我想将 request.ts 里的 vant 调用调整到.vue层次，然后保持清晰的代码判断逻辑，整体应该怎么改？

淑淑我是83期的一转眼也三年多了,目前遇到的问题是 vscode不识别组件vue3+ts+uniapp,包括自己写的那个components下的 通过正则去配置 也不行 vscode插件也使用volar ts也托管了 vue2的也禁用了 就是不好使
0.src\components\HbcyPopup.vue

1. src\types\components.d.ts 下

// src/types/components.d.ts 全局组件类型声明
import HbcyIconTitle from '@/components/HbcyIconTitle.vue'
import HbcyButton from '@/components/HbcyButton.vue'
import HbcyTitleText from '@/components/HbcyTitleText.vue'
import HbcyPopup from '@/components/HbcyPopup.vue'
declare module 'vue' {
  export interface GlobalComponents {
    HbcyIconTitle: typeof HbcyIconTitle
    HbcyButton: typeof HbcyButton
    HbcyTitleText: typeof HbcyTitleText
    HbcyPopup: typeof HbcyPopup
  }
}

declare module 'vue' 换成 @vue/runtime-core uniapp的组件就识别了 但是 自定义组件 这种就不识别只识别驼峰的
2. page.json

{
	// 组件自动导入
	"easycom": {
		// 是否开启自动扫描 @/components/$1/$1.vue 组件
		"autoscan": true,
		"custom": {
			// uni-ui 规则如下配置
			"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue",
			// 以 Hbcy 开头的组件，在 components 目录中查找
			"^Hbcy(.*)": "@/components/Hbcy$1.vue"
		}
	},
	}

网上根本查不到也不会查,vue3+ts就是找黑马要的你的课和b站看的uni那个 这个vscode问题 太苦恼了