安装使用

• 获取项目代码

git clone https://github.com/1172274374/vue3-youxia.git

• 安装依赖

cd vue3-youxia

npm install

• 运行

npm run serve

• 打包

npm run build

预览

预览地址：https://www.samisong.cn

vscode 配置

在vscode中运行以上命令即可，要用npm安装cnpm/pnpm安装都会报错原因未知。

使用了 Vue3.x 全家桶、 typescript4.x，实践 vue3.x 的新特性以及玩法，不得不说 vue3.x 的 Composition API 相比于 vue2.x 的 Options API 灵活很多，让我们可以灵活地组合组件逻辑，我们可以很轻松的使用 hooks 的形式去代替以前 mixins 等的写法。更多 hooks 可以参考vueuse

部分截图

后端全部重新开发接口，实现后台系统管理，后端接口项目请跳转至 Youxia后台 项目仓库查看

新增与优化

• 优化登录注册界面
• 新增搜索页面，实现高亮分页搜索
• 新增捐赠页面，捐赠列表显示
• 实现个人设置页面
• 接入[支付宝沙盒收款支付系统]
• 首页升级！重构首页，后台可配置，包括3D轮播图
• 新增底部网站信息显示

所用技术

• Vue 3.x
• Vuex
• Vue Router
• Element-plus
• ES6
• webpack
• axios
• Node.js
• 第三方SDK
  • 木小果api（https://api.muxiaoguo.cn）

技术疑问交流

• QQ交流群 607646880

• B站：一枚大闲人

捐赠