移动端Vue3框架demo

最新推荐文章于 2024-04-06 11:05:05 发布
最新推荐文章于 2024-04-06 11:05:05 发布
阅读量2.5k 收藏 7
点赞数 1
分类专栏： Vue 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42648288/article/details/123995403
版权

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

几时秋冬
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue3 demo.zip
12-05
vue-bilibili-master 包含了一些vue3 基础例子
vue3:基于vue3+vue-router4+webpack4+vant搭建的手机端基础框架
05-08
vue3 基于vue3+vue-router4+webpack4+vant搭建的手机端基础框架 1、可以自适应手机屏幕 2、HttpRequest文件夹主要是axios基础配置配置、Http请求封装，可根据自己需求进行修改（暂未测试） 3、styles文件件主要是公共的css样式（本项目基于less），入口文件是index.less,自定义的css问津需要导入到index.less才会生效 4、util文件夹主要是以下常用的工具类（待完善） 5、router.js是路由配置文件 6、env.* 三个文件是根据不同环境的配置，主要是配置VUE_APP_BASE_URL这个参数加（接口地址）。VUE_APP_STATISTICS_URL是自定义的接口地址可不用 最后在config/properties.js中配置引用。config文件夹 主要放一些配置信息文件 7、vue.config
框架用的好，下班走的早。值得收藏，最佳实践React性能优化
最新发布
2401_84092666的博客
04-06 939
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。我特地针对初学者整理一套前端学习资料，免费分享给大家，戳这里即可免费领取域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；
手拉手带你用 Vue3 + VantUI 写一个移动端脚手架 系列二 （页面布局与兼容）
军火库
12-01 1696
最近还整理一份JavaScript与ES的笔记，一共25个重要的知识点，对每个知识点都进行了讲解和分析。能帮你快速掌握JavaScript与ES的相关知识，提升工作效率。
C# .NET Element Vue uniapp快速开发框架,非常强大的功能，移动、安卓、小程序全解决，非常合适初学入门
06-13
C# .NET Element Vue uniapp快速开发框架，全自动生成PC与移动端代码 快速开发(基础功能全部由代码生成器生成) 支持前端、后台自定义业务代码扩展,后台提供了大量常用扩展与通用类 前端、后台提供了近300个扩展方法与属性,开发人员可在此功能上编写扩展自定义业务代码 代码生成(代码生成器可直接生成主/从表前后端业务代码,有30多种属性可在线配置生成的代码) 前端table自动转换key/value 前端表单select/checkbox自动绑定数据源,不需要写任何代码 支持(主从表)一对一前后端代码全自动生成、并支持数据源自动绑定与业务代码扩展,不需要写任何代码 支持一对多从表自定义扩展(不限从表类型与从表数量) , 一对多从表使用扩展可轻松实现 框架适用范围 编写各种后台restful api接口。后台基础代码由代码生成器完成,在生成的代码上继续编写业务即可； 前端表单开发(直接上手看demo即可)； 配合app做H5或全h5开发； 移动端开发、app、微信小程序(uniapp)； 在现有的代码生成器功能上，继续定制开发代码生成器功能,解决重复性工作。 环境依赖
vue手机客户端
05-16
在移动应用中很多功能都是必不可少的，使用vue构建移动应用自然也就需要实现这些功能。
12个主流Vue3前端框架
烈焰大火龙的博客
10-24 5358
谷歌风格的前端UI，是Vuetify的平替(毕竟Vuetify自动Vue以后就没有官方中文文档了用着还是很不方便)一个老牌的谷歌风格的UI库，Vue2时代是我的最爱，但是3版本还没有更新中文 Sad T^T ~Vant4一个特别好用的移动端UI框架，主打的就是一个按需引用、轻量级，快！一个仅支持Vue3的全新前端UI库，但组件相对其他库更精致齐全。腾讯推出的一套UI框架，包含桌面和移动端等，风格比较统一。一个风格简洁的移动端UI库，看起来好像很不错捏。前端的主流框架很多公司都在用，不多作介绍。
9 个值得推荐的 VUE3 UI 框架
Z__7Gk的博客
06-29 3405
本文推荐几个比较流行的 VUE3 UI 框架，同时提供出色的开发人员体验，合理利用，又或者学习借鉴都是不错的选择，排名不分先后。
vue3移动端适配的解决方案
热门推荐
weianl的博客
12-03 1万+
最近在给公司内部做一个BBS论坛，需要在电脑和手机上都可以操作，所以需要做移动端的适配，下面是我在开发后觉得不错的一些解决方案，分享给大家。
Vue3 一百个案例
甜心森的博客
01-13 823
vue3 一百个案例目录，包括模板语法，使用 pinia 进行状态管理，使用 vue-router 进行路由管理，使用 naive-ui 组件库。除此之外还包括 Nuxt3，包含移动端项目搭建流程。
vue3使用的移动端UI框架,vue移动端ui框架哪个好
goodutils的博客
09-10 6448
这些写法首先要获取Dom节点，也就是Dom结构，然后再修改数据更新结构的内容，使用jQuery的一个很大的目的就是为了去简化Dom的操作，而使用Vue就大不一样了，Vue的做法就是直接=HelloWorld，然后msg就会自动的同步到结构上，我们所要关心的是数据内容的改变，而不再去关心如何操作Dom结构了。11、其他因素：React从一开始就抱上了TypeScript的大腿，而Vue目前仍以ES为主，不得不说，在很长一段时间内，TS都是优于ES的，而Vue社区要切换TS生态，还有一段路要走。
去哪儿（Vue移动端Demo）
10-10
本项目是由vue框架编写，相关内容涉及到了 Vue的 基础语法，包括实例、生命周期、指令、计算属性、方法、侦听器，表单等部分内容。适合刚入门的前端同学们进行参考学习，感谢大家的支持。
详解搭建一个vue-cli的移动端H5开发模板
11-21
简介 vue-mobile 是是基于 vue-cli 实现的移动端 H5 开发模板，其中已经搭建好基本的开发框架，可帮助您实现快速开发。 技术栈：vue + vux + axios + less 源码地址：https://github.com/Michael-lzg/vue-mobile 功能 搭建项目目录 配置 css 预处理器 配置 UI 组件库 vux 解决移动端适配 配置页面路由缓存 axios 请求封装 工具类函数封装 toast 组件封装 dialog 组件封装 底部导航组件封装 列表页 demo 表单页 demo 搭建项目目录
基于VUE.JS的移动端框架Mint UI的使用
11-27
Mint UI GitHub：github.com/ElemeFE/mint 项目主页：mint-ui.github.io/# Demo：elemefe.github.io/mint- 文档：mint-ui.github.io/docs/# 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。自 6 月初开源以来，根据社区和团队内部的反馈，修复了一些 bug 并新增了部分组件，于本周发布了 0.2.0 版本。本文介绍如何从零开始构建一个使用 Mint UI 的 Vue 项目。 脚手架 随着 Vue.js 的迅速发展，目前搭建一个 Vue 项目的脚手架已经有不少选择
Vue3 源码实战课程下载（附源码）
11-07
Vue3 源码实战课程下载（附源码），一共54节，课程手把手带你构建自己的 Vue3
mobile-web:Vue移动端案例项目
04-15
移动网络 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 自定义配置 请参阅。
uni-app框架项目小U商城移动端+Vue项目后台管理系统+菜谱小程序
09-25
内含三个实战项目的演示视频+项目源码github链接 项目1.uni-app框架项目-小U商城移动端 2.Vue项目-后台管理系统 3.菜谱小程序
3D-Banner:基于Vue开发的3D轮播图组件 模仿锤子商城3D视差轮播图
04-28
基于Vue开发的3D轮播图组件 在线Demo： 高仿锤子商城官网轮播图，3D视差效果，实现后台可灵活配置，定时自动轮播 原作者 ; 二次开发 ; 本作者三次开发，且本人为后台开发人员，非专业前端，如有错误敬请谅解 Build ...
vue2移动端实现文件下载
qq_46617584的博客
03-24 1446
vue2移动端实现文件下载
移动端vue ui框架
09-05
- *1* *3* [几款实用的VUE移动端UI框架](https://blog.csdn.net/jcmj123456/article/details/124760990)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

几时秋冬

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值