reactive和effect是Vue3中实现响应式数据和副作用函数的核心API，学习并理解这部分内容对于深入Vue核心逻辑是很有帮助。

当我们遇到需要多个条件判断的业务操作时，最简单直接的办法就是用多个if-else判断，虽然能够实现，但当判断条件过多，甚至是多元判断时，我们的代码就会变得非常不好阅读和维护。举个例子这里也可以用switchif(status === '1'){return '未审批'}else if(status === '2'){return '审批中'}else if(status === '3'){retu

自定义组件的v-modelVue中很常用的v-model，一般我们都使用在input标签上，实现数据的双向绑定，这也是vue一个很大的特点。实际上，v-model是一个语法糖，相当于在标签上使用了value属性和input的事件，内部实现了数据的更新。按照官方的释义一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控

provide 和 inject官方释义这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。使用在祖先组件使用provide向下注入依赖，在所有的子孙组件可以使用inject接收到传输的数据。示例祖先组件<template><div class="grandfather">祖先组件<fathe

对上传图片进行压缩的需求是非常常见的，简单来说，解决方式就是将图片base64或者canvas进行压缩转化，有很多工具包可以实现这种需求这里以Vue + iView的upload组件 为例：用的是image-conversion （大部分UI组件的上传都有相同的钩子方法，大同小异）1.安装依赖+组件中引入npm i image-conversionimport * as imageConversi

使用typescript封装axios支持接口返回值类型提示和检查、axios、typescript