vue-day2

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

知识点

1. 区分null和undefined
   • null先被设计出来, 参考java语言, 代表一个空对象
   • null在参与运算时, 可能被转为0, 难以发现错误
   • undefined则被设计为全新的数据类型, 参与运算直接报错
2. 数组对象.reduce(回调, init): 常可用于累加计算
3. 数组对象.find() → 返回第一个满足条件的内容
4. 数组对象.every() → 返回boolean值, 表示是否数组中每个元素都满足条件
5. 数组对象.map() → 返回一个新数组
6. 保留指定小数位, toFixed()
7. 不需要响应式的数据, 可以直接往对象中挂载静态属性
8. ES6, 对象内部方法简写, 可以省略function关键字
9. 客户端本地持久化
10. console.error