个人VUE实战笔记

1.css初始化（引入别人写好的CSS）

2.初始化css引入，在index//基于1.（点击延迟0.3S）

3.默认显示（跟目录，根据个人）

4.一个谷歌插件vue-devtools

https://blog.csdn.net/flysun3344/article/details/78679145     安装浏览器插件

5.个人封装的CSS，（1px border）

6.通过路径判断tab class状态

7.抽离出Heard组件

应用header组件同时传入插槽

8.Swiper插件的应用（查看swiper官网）

1）先安装npm install --save swiper 

9.返回上一页

10.$route.(表示当前路由)   如果是true，显示

11.postman，测试接口

12.封装ajax，两种方法，推荐二

方法一

方法二

13.封装请求函数  api/index.js  17集（基于12.）

14.复习1-13，侧重点

15.代理，跨域，反向代理

16.安装2.x版本cli

17.vuex安装及目录结构

cnpm install --save vuex

目录结构，21集

store/index.js   -----vuex最核心的管理对象store
store/state.js   -----状态对象
store/mutations.js   -----直接更新state的多个方法对象
store/actions.js   -----通过mutation间接更新state的多个方法对象
store/getters.js   -----包含多个基于state的getter计算属性的对象

store/mutation-types.js   -----包含n个mutation的type名称常量

 

注册

 

18.vuex使用

1）获取位置地址详情

2）获取食物分类

3）获取店铺列表

19.在app.vue中直接获取地址信息调用函数

方法一

 

方法二！推荐

1）调用获取函数

2）读状态

3）模板赋值

20.轮播列表

调用轮播列表函数

方法一

方法二！推荐

21.shops列表请求遍历

22.评分star个数组件实现

23.登陆方式

24.通过正值表达式判断手机是否格式正确，正确修改button样式

25.计时器（.prevent禁止默认事件）

26.密码切换显示隐藏，过渡效果

圆圈

27.表单验证，提示框

在data中需要有对应定义，

比如  pwd：‘’

把this中的对应值取下来

28.自定义弹窗事件

29.一次性验证码

30.登陆请求

32.另外一种获取到URL值方式，ref、

33.获取登陆用户信息

34.获取登录id name phone

35.登录成功跳转路由

36.mint-ui

还有其他看文档

37.退出登录

38.子路由

39.mockjs，模拟数据生成接口

cnpm install --save mockjs

40.mock的ajax请求

41.过渡效果

42.better-scoll，滑动插件库

新建better-scoll时机

43.滑动监听实现

1)收集scrally

2)收集tops

3)计算完更新

 

或者type=3

4）优化点击立即改变CLass，并定位

44.按钮绑定

。。。

会遇到的bug解决方法

45.过渡效果按钮

46.父组件调用子组件中的方法

47.阻止事件冒泡      .stop

48.在‘’中应用变量，+${}

49.算出数组下标

50.父子组件

51.刷新滚动条

52.清除

53.过滤产生新数组

54.筛选功能---ratings组件

55.计算ul宽度，并创建X轴滑动

56.from调用函数

57.去掉两边空白符，并调用函数传值

58.keep-alive，缓存！！！！！

59.replace，解决router.back()返回函数的

60.路由懒加载

61.图片懒加载

62.使用moment实现日期过滤器

63.使用date-fns 代替moment

63.自动登录

64.对应列表详情

65.vuex的dispatch和commit提交mutation的区别

66.传一个值value改变title，路径+item