2019年度前端知识点总结

本文旨在整理和记录 2019年度 从事前端工作的过程中遇到的问题以及解决问题的思路。内容偏新手且叙述不深，整理的目的是为了方便以后快速查阅之前遇到过的问题。

Vue或者React框架使用过程中的笔记

改变父组件标签上属性绑定值的方式

• 方式一 普遍做法，通过在标签上绑定一个事件，在子组件上调用$emit触发该事件进而改变属性值
• 方式二 借助.sync修饰符 这种方式无需再绑定事件
  • 父组件 :msg.sync = "msg"
  • 子组件 this.$emit('update:msg', '传递的值')
  • 不能接受表达式和字面量对象

v-model 几个实用的修饰符

• lazy 将双向绑定的input事件变成change事件
• trim 自动过滤首位空白字符
• number 将输入值转为数值类型

插槽用法

• 后备内容
• 具名插槽 用 v-slot:default 绑定，必须用在