淘宝购物车页面 PC端和移动端实战
最近花了半个月的时间，做了一个淘宝购物车页面的Demo。当然，为了能够更加深入的学习，不仅仅有PC端的固定宽度的布局，还实现了移动端在Media Query为768px以下（也就是实现了ipad，iphone 6 plus，iphone6，S5等）的Flexbox弹性布局。 还要再说的 ...
原文：vue.js移动端app实战3：从一个购物车入门vuex
什么是vuex 简单来说就是集中管理所有的状态。 为什么要用vuex 对于父子组件之前的通信，父组件通过porps传递到子组件，子组件通过 emit发送事件都到父组件 对于组件与组件之间的通信，可以new一个新的Vue实例，专门用来做event bus进行通信。 当多个组件之间共享一个状态时，event bus可能就变成这样。 而使用vuex,可以变成这样。 回到我们的项目，需要共享状态的总共有 ...
2017-08-28 22:51 8 29466 推荐指数：
相关推荐
vue.js实战——购物车练习（包含全选功能）
vue.js实战第5章 54页的练习1 直接放代码好了，全选的部分搞了好久，代码好像有点啰嗦，好在实现功能了(*^▽^*) HTML： JS： JS部分补充说明：上面的代码在删除时没办法继续“全选”的同步,而且这里数字被写死是错误的（ if(num ...
vue.js 实现购物车加减方法
<template> <div class="coutter-wrapper"> <button type="button" @click="plus" ...
用vue.js实现购物车功能
购物车是电商必备的功能，可以让用户一次性购买多个商品，常见的购物车实现方式有如下几种： 1. 用户更新购物车里的商品后，页面自动刷新。 2. 使用局部刷新功能，服务器端返回整个购物车的页面html 3. 服务器端返回JSON格式，使用模板引擎+dom操作更新页面 最近新学习了vue.js ...
vue.js加入购物车小球动画
是外层和内层,外层控制动画小球的轨道和方向,内层控制动画小球的运行状态 动画使用vue的js钩 ...
vue.js加入购物车小球动画
生成一个动画小球的div,并且生成五个小球,五个是为了生成一定数量的小球来作为操作使用,按照小球动画的速度,一般来说五个也可以保证有足够的小球数量来运行动画 动画的内容分别是外层和内层,外层控制动画小球的轨道和方向,内层控制动画小球的运行状态 动画使用vue的js钩子 ...
VUE.JS实现购物车功能
购物车是电商必备的功能，可以让用户一次性购买多个商品，常见的购物车实现方式有如下几种： 1. 用户更新购物车里的商品后，页面自动刷新。 2. 使用局部刷新功能，服务器端返回整个购物车的页面html 3. 服务器端返回JSON格式，使用模板引擎+dom ...
关于购物车添加按钮的动画（vue.js）
来自：https://segmentfault.com/a/1190000009294321 （侵删） git 源码地址 https://github.com/ustbhuangyi/vue-sell（侵删） html代码 生成一个动画小球的div,并且生成五个小球 ...