新手入门Vue的第一个小项目:vue-cli + vue2 + vue-router2 + vuex2 + axios + es6 + eslint + sass + rem
发布于 7 年前 作者 gjincai 3432 次浏览 最后一次编辑是 7 年前 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

源码:https://github.com/gjincai/vue-proj-demo

proj5-shop

基于 vuejs-templateswebpack 构建, vue2 新人学习练手项目。

主要用到的技术: vue-cli + vue2 + vue-router2 + vuex2 + axios + es6 + sass + eslint

主要实现的功能: 页面的数据通过 axios 模拟请求本地的 json 文件获得; vue-router2 实现各页面的相互跳转; vuex2 全局状态的管理,如头部导航的标题内容,侧栏的显示状态; 简易购物车功能,详情页加入购物车的商品,随机生成单价、商品名字; 购物车的信息通过localstorage存储在本地; 注册登录的信息也是通过localstorage存储在本地。

安装: npm install 运行: npm run dev

后期展望: 目前正在学习 node+mongodb,希望到达 vue+node+mongodb 的前后端走通 相关学习项目的练手源码:https://github.com/gjincai/vue-node-proj

本项目截图示例:

回到顶部