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