Giter Site home page Giter Site logo

vue2-shop's Introduction

技术栈

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

简介

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

预览

经验

  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

vue2-shop's People

Contributors

nemo-tree avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue2-shop's Issues

跨域问题

请问您这个项目怎么解决的跨域问题?????????

笔误问题

api.js 的45行error书写笔误敲成了errore

购物车商品勾选的问题

购物车界面商品勾选不了哦,点击之后devtools上看到你vuex是触发了cutCarList的mutation啊,这里不应该是SET_SELECTEDLIST,而且貌似老哥你detail.js中的SET_SELECTEDLIST里的逻辑也有点问题撒,应该是Util.setLocal('selectedList')这种。

感觉很高级

但我只想做个界面..能说下界面的代码 在哪里能看么?我找了半天没找到.

发现了个问题,

在主页某些地方点击进入商品详情的时候不是在最顶部开始,而是在页面的中间。

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.