页面多次加载缓慢的原因
1、Forced reflow while executing JavaScript took 6334ms（JS强制回流问题）
这里的场景是，页面的遮罩层modal框刚触发关闭，另一个带动画效果的DOM元素点击后出现在页面中，并且触发这个警告信息的页面渲染也十分卡顿。
这个新的DOM元素是通过点击事件更改状态控制显示隐藏的 发现可能是两个或者多个动画效果导致的，于是更改以下click逻辑：
onCalendarClick() {
this.$nextTick(() => {
this.showCalendar = true;
})
}
通过nextTick解决当前页面上的DOM冲突
2、The resource was preloaded using link preload but not used within a few seconds from the window’s load event. Please make sure it has an appropriate as value and it is preloaded intentionally.
翻译：使用链接预加载预加载了资源，但在窗口加载事件后的几秒钟内没有使用。请确保它有一个合适的“as”值，并且是故意预加载的。
3、[Violation] ‘click’ handler took 4175ms（这个警告说的是单击处理程序耗时太长了）
和也可能是点击事件里面产生bug了
