今天完成的事：

复习vue框架知识，准备复盘评审

明天计划的事：

复习vue和js，完成复盘准备

遇到的问题：

暂无

收获：

关于vue的一些优化写法

1.require.context()

1.场景:如页面需要导入多个组件,原始写法:

2.这样就写了大量重复的代码,利用 require.context 可以写成

这样不管页面引入多少组件,都可以使用这个方法

3.API 方法

2.watch

2.1 常用用法

1.场景:表格初始进来需要调查询接口 getList(),然后input 改变会重新查询

2.2 立即执行

2.可以直接利用 watch 的immediate和handler属性简写

2.3 深度监听

3.watch 的 deep 属性,深度监听,也就是监听复杂数据类型

此时发现oldVal和 newVal 值一样;
因为它们索引同一个对象/数组,Vue 不会保留修改之前值的副本;
所以深度监听虽然可以监听到对象的变化,但是无法监听到具体对象里面那个属性的变化

v-pre

场景:vue 是响应式系统,但是有些静态的标签不需要多次编译,这样可以节省性能

v-cloak

场景:在网速慢的情况下,在使用vue绑定数据的时候，渲染页面时会出现变量闪烁
用法:这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕

这样就可以解决闪烁,但是会出现白屏,这样可以结合骨架屏使用

v-once

场景:有些 template 中的静态 dom 没有改变,这时就只需要渲染一次,可以降低性能开销

<span v-once> 这时只需要加载一次的标签</span>

v-once 和 v-pre 的区别:
v-once只渲染一次；v-pre不编译,原样输出

事件修饰符

按键修饰符和按键码

场景:有的时候需要监听键盘的行为,如按下 enter 去查询接口等