VUE项目 2021-6-30 VUE项目 20201-7-1 VUE 2021-7-2

VUE项目 2021-6-30

23.TabControl的吸顶效果

获取到tabControl的offsetTop

所有的组件都有一个属性$el 用于获取组件中的元素

24.监听滚动，动态的改变tabControl的样式

由于betterscroll的滚动采用了translate 单纯的fixed并不能很好地发挥效果

在最上面多复制一份tabControl对象 利用它来实现停留效果

当用户滚动到一定位置时，占位tabControl显示出来

25.Home离开时记录状态和位置

可以理解为，一个是用来获取路由信息的，一个是用来操作路由的

$route

route是路由信息对象，里面主要包含路由的一些基本信息，包括name、meta、path、hash、query、params、fullPath、matched、redirectedFrom

$router

router是VueRouter的实例，包含了一些路由的跳转方法，钩子函数等

go push replace

26.跳转到详情页并且携带iid

27.导航栏的封装

28.数据请求以及轮播图展示

排除keepalive的元素 exclude=“Detail”

29.商品基本信息的展示

30.店铺信息的解析和展示

31.加入滚动效果Scroll

32.商品详情数据展示

33.商品评论信息的展示

1.将时间戳转成Date对象

2.将date进行格式化，转换成对应字符串

date->FormatString

formatDate(date, "yyyy-MM-dd hh:mm:ss");

34.商品推荐信息的展示

VUE项目 20201-7-1

35.首页TabControl不一致的问题

36.详情页不能滚动的bug处理

37.点击标题滚到对应内容

this.$nextTick(()=>{ })

38.滚动内容显示对应的标题

39.底部工具栏的封装

40. BackTop的混入封装

41.将商品添加到购物车中

vuex管理购物车

42.将商品添加到store中

43. Vux代码重构

44.购物车导航栏实现

45.购物车列表展示

46.Item选中和不选中的切换

47.底部工具的封装与应用

VUE 2021-7-2

48.购物车全选按钮

49.Vuex-actions返回Promise-mapActions

50.Toast封装