移动端Vue3框架demo

因偶尔会有移动端的开发需求，然而每次写的时候都需要重新搭建框架，配置UI插件，路由自定义，模块化VueX，封装Axios 等等。

几时秋冬

2615人浏览 · 2022-04-06 18:11:25

几时秋冬 · 2022-04-06 18:11:25 发布

Tip:因偶尔会有移动端的开发需求，然而每次写的时候都需要重新搭建框架，配置UI插件，路由自定义，模块化VueX，封装Axios 等等。

现写了一套使用Vue3 + Vant v3 + Axios + Jquery + nprogress(顶部过渡动画)的移动端框架示例如下：

1.首页

2.发现页

3.我的页面

贴一下部分代码

封装axios 请求拦截

OK 代码已经上传至本人的GitHub以及码云，后续我会不定时维护、如有新的功能或者好用的插件会更新上去

GitHub地址:https://github.com/killerFeel/mobileTerminal.git

码云地址:https://gitee.com/killerFeel/mobile-terminal.git

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^