Code Monkey home page Code Monkey logo

vue3-youxia's Introduction

安装使用

  • 获取项目代码
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轮播图
  • 新增底部网站信息显示

所用技术

技术疑问交流

捐赠

vue3-youxia's People

Contributors

1172274374 avatar rsz12321 avatar

Stargazers

onlylike avatar 低调的小黑孩 avatar tesang avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.