- 1. 异步显示数据效果的编码的3个部分
- 2. 区别localStorage和sessionStorage, session与cookie
- 3. 区别v-if与v-show
- 4. console.log(a.b)的查找流程
- 5. vuex的结构图
1. 异步显示数据效果的编码的3个部分
ajax
ajax请求函数
接口请求函数
vuex
state
mutation-types
actions
mutations
组件
dispatch(): 异步获取后台数据到vuex的state
mapState(): 从vuex的state中读取对应的数据
模板中显示
2. 区别localStorage和sessionStorage, session与cookie
localStorage: 浏览器端持久化存储, 关闭浏览还存在, 最大5MB(基本没限制了)
sessionStorage: 浏览器端内存存储, 关闭浏览器不存在
session: 服务器端创建, 服务器端保存, 依赖于cookie
cookie: 服务器端创建, 浏览器端保存, 请求携带对应cookie, 长度和数量有限制(4kb)
3. 区别v-if与v-show
如果频繁切换使用v-show比较合适
一旦涉及到初始化模板显示3层表达式数据, 使用v-if可以解决问题
4. console.log(a.b)的查找流程
先查找a, 沿着作用域链查找, 找不到报错(变量未定义)
找到后查找对象上的b属性, 查找原型链, 如果找不到返回undefined
5. vuex的结构图
