【JavaScript编程知识】Vue 页面监听用户预览时间功能的实现代码.docxVIP

PAGE PAGE 1 Vue 页面监听用户预览时间功能的实现代码 　　最近的业务中涉及到这样一个需求，在线培训的系统需要知道用户对某个在线预览的页面追踪用户的预览时长。初步我们首先想到借助 Vue 页面的生命周期函数 mounted 和 destroyed，分别在其中加入开始计时和清除计时的逻辑，通过后台的接口上报对应的培训素材的时间数据，即可达到目的。 　　有了思路，我们就可以开始筹划具体的代码。 　　定义开始结束计时函数 　　在 data 中定义我们通过变量定义计时器，这样可以通过 this.timer 随处可访问，便于后面销毁页面的时候清除它。 　　duration