vant的表单校验个人理解：将rules当成一个对象去理解，传参时可以是整个对象或者对象的某一属性常用两种校验方式1，正则表达式1.1自定义校验规则（校验规格也可传入多条）：表单：:rules="telRules"data:telRules:[{required:true,message:'手机号不能为空',trigger:blur,},{validator:value=>{return/^(0|86|17951)?(13[0-9]|15[012356789]|166|17[3678]|18[0-9]|14[57])[0-9]{8}$/.test(value)},message:'请输入正确的

 技术栈开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router4x状态管理：vuex4xAJAX：axiosUI库：vant数据模拟：mockjscss预处理：sass 构建vue3项目 1,安装 vite以管理员身份打开cmd命令窗口，切换到要安装项目的文件夹cd E:\code\web\myvue3安装 vitenpminitvite@latest 输入项目名称，输入包名称，选择Vue（如果上下键不能选择，就手动输入选项，再回车），选择JavaScript，创建完毕。  创建项目生成的文件：2,行vite+vue3项目打开vscode，输入两条

 技术栈开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router4x状态管理：vuex4xAJAX：axiosUI库：vant数据模拟：mockjscss预处理：sass 构建vue3项目 1,安装 vite以管理员身份打开cmd命令窗口，切换到要安装项目的文件夹cd E:\code\web\myvue3安装 vitenpminitvite@latest 输入项目名称，输入包名称，选择Vue（如果上下键不能选择，就手动输入选项，再回车），选择JavaScript，创建完毕。  创建项目生成的文件：2,行vite+vue3项目打开vscode，输入两条

1.rem适配安装postcss-plugin-px2rem(推荐)，也可使用官网的postcss-pxtoremnpmipostcss-plugin-px2rem--savepostCss配置//vue.config.jsmodule.exports={css:{loaderOptions:{postcss:{plugins:[require('postcss-plugin-px2rem')({//换算基数，默认100，这样的话把根标签的字体规定为1rem为50px,这样就可以从设计稿上量出多少个px直接在代码中写多上px了。rootValue:75,unitPrecision:2,//允许

1.rem适配安装postcss-plugin-px2rem(推荐)，也可使用官网的postcss-pxtoremnpmipostcss-plugin-px2rem--savepostCss配置//vue.config.jsmodule.exports={css:{loaderOptions:{postcss:{plugins:[require('postcss-plugin-px2rem')({//换算基数，默认100，这样的话把根标签的字体规定为1rem为50px,这样就可以从设计稿上量出多少个px直接在代码中写多上px了。rootValue:75,unitPrecision:2,//允许