Vue3

vue3实现消息弹窗toast 效果图： demo： toast组件： 然后在需要toast的文件中引入：

vue3-toastify插件实现toast功能 官网：https://vue3-toastify.netlify.app/get-started/introduction.html 效果图 demo

用vant实现下拉刷新，超简单 官网：https://vant-ui.github.io/vant/v3/#/zh-CN/pull-refresh 效果图 demo 安装 全局注册 在main.js文

用input写上传照片功能（简单实现） 官网 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input/file 效果图 demo

官网：https://day.js.org/docs/en/installation/node-js Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。

新建一个vue3移动端项目的准备工作 创建vue项目 重置css样式 reset-css官网：https://www.npmjs.com/package/reset-css 安装及引入 在main.j

vue-router 官网 https://router.vuejs.org/zh/guide/ 使用 安装 对于一个现有的使用 JavaScript 包管理器的项目，你可以从 npm registr

添加蒙层 ！！！蒙层与被覆盖元素是兄弟关系！！！点击指定元素触发蒙层，点击蒙层取消蒙层，蒙层的z-index要比被覆盖元素高

vue3原生js实现上拉加载新下拉刷新 原理 相关属性: scrollTop：滚动视窗的高度距离window顶部的距离，它会随着往上滚动而不断增加，初始值是0，它是一个变化的值 clientHeigh

官网：https://www.npmjs.com/package/vue-star-rating 效果图 demo集合 https://codepen.io/craigh411/pen/abNXVQN

原生vue3四位数验证码框实现 效果图 demo input type file vue3 | 验证码框 | 自动获取焦点实现连续输入 | 组合式api

基于vue3语法糖完成axios的封装，把请求挂载到pinia上 pinia官网：https://pinia.vuejs.org/ pinia-plugin-persistedstate官网：http

用vue3setup语法糖(组合式api)实现pc端的三级导航栏。鼠标悬停在对应的二级、三级导航栏时，对应的父级导航栏保持选中。

vue3实现轮播图 效果图： swiper官网：https://swiper.js.cn/element 步骤： 1. npm安装swiper 2. 注册和引入 3. 用法 demo 参数 <swip

正则判断 效果图 demo 常用正则判断 数字校验 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0

vue3在处理浮点型数据时会出现精度丢失的问题，这时候就要用插件来完成数据处理 官网：https://currency.js.org/ currency.js 的构建是为了通过灵活的 API 解决 j