Skip to content

基于vue全家桶的移动端 电商商城 ,带大量注释

Notifications You must be signed in to change notification settings

lyston/vue2-shop

 
 

Repository files navigation

技术栈

vue2.0 + vue-router + vuex + axios + mock.js(模拟数据) + ES6 + less

简介

vuex + webStorage 实现了购物车功能,axios拦截,配合路由钩子函数实现权限控制、登录、登出功能

练习

该项目带大量详细注释,可作为vuex的练习,但不适合零基础

预览

经验

  1. 事先一定要先想好整个页面组成,怎样去分组件开发,这样在开发阶段会事半功倍

  2. 本质上vuex只是一个全局变量,所以刷新路由,state数据会清空,可配合webStorage实现响应式

  3. 所有webStorage存储应该通过dispatch操作

  4. 只做数据渲染,不做数据修改,不需要用vuex

  5. 简单的父子通信不需要用vuex

待完成

  1. 购物车内编辑(增减商品)

  2. 搜索功能

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:1322
npm run dev

# build for production with minification
npm run build

About

基于vue全家桶的移动端 电商商城 ,带大量注释

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 62.5%
  • JavaScript 29.6%
  • CSS 6.5%
  • HTML 1.4%