vue-day2
- 指令修饰符
- v-bind对class和style的控制 -> v-bind指令增强, 可以传入对象形式
- v-model对多种表单元素的绑定效果
- 计算属性computed
- 辨析computed和methods
- computed具有缓存的优势
- 计算属性的完整写法
- watch监听器
- 深度监听, deep: true
- 立即监听, inmediate: true
- 组件化开发
- scoped原理
- 生成自定义属性, data-v-hash, hash值各不相同
- 局部样式被添加属性选择器进行区分
- 组件通信
- 父子模型
- 父传子, props
- 子传父, $emit()
- 非父子模型
- EventBus: 事件总线
- provide&inject
- 通用方式
- 父子模型
- props通信校验
- 单向数据流
- v-model原理: 语法糖
- $event: 获得事件对象
- 父子组件通信, 父组件使用v-model进行代码简化
- .sync进行双向数据绑定
- 触发事件/创建事件和监听事件
- ref, $refs
- vue异步更新
- $nextTick(回调)
生命周期
- 创建阶段
- 挂载阶段
- 更新阶段
- 销毁阶段
- 生命周期函数(钩子函数)
webpack
知识点
- 区分null和undefined
- null先被设计出来, 参考java语言, 代表一个空对象
- null在参与运算时, 可能被转为0, 难以发现错误
- undefined则被设计为全新的数据类型, 参与运算直接报错
- 数组对象.reduce(回调, init): 常可用于累加计算
- 数组对象.find() → 返回第一个满足条件的内容
- 数组对象.every() → 返回boolean值, 表示是否数组中每个元素都满足条件
- 数组对象.map() → 返回一个新数组
- 保留指定小数位, toFixed()
- 不需要响应式的数据, 可以直接往对象中挂载静态属性
- ES6, 对象内部方法简写, 可以省略function关键字
- 客户端本地持久化
- console.error