添加滚动监听事件
mounted() {
window.addEventListener('scroll', this.handleScroll);
},
destroyed() {
window.removeEventListener('scroll', this.handleScroll)
}
完成handleScroll方法
handleScroll() {
//滚动条滚动时，距离顶部的距离
this.scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
// 判断是否下拉了所需长（高）度，若满足，则返回顶部图标出现
if (this.scrollTop > 60) {
this.isActive = true
} else {
this.isActive = false
}
},
点击按钮完成滚动返回效果
goTop(){ // 动画
timer = setInterval(function () {
//获取滚动条到顶部的位置
let osTop = document.documentElement.scrollTop || document.body.scrollTop
let ispeed = Math.floor(-osTop / 5)
// 判断到顶部的等式：滚动条到顶部的位置 + 当前窗口内容可视区 == 滚动条的总高度
document.documentElement.scrollTop = document.body.scrollTop = osTop + ispeed
//this.isTop = true
if (osTop === 0) {
clearInterval(timer)
}
},30)
},
第2章概念模型设计
系人等基本信息，商品具有名称、数量、单价、批次等基本信息。不同的仓库存放不同商品不同的仓库有仓库管理员、联系电话、仓库地址等信息。
2. 选课过程中，学生可以根据个人能力、时间等选择课程学习，学校为学生开设不同课程。学生选课时，某些课程是针对特定专业设置，某些课程可供不同专业学生选择，某些课程可能需要先修的课程通过才能选择，公共选修课程一般是为了拓宽学生知识面，因此没有先修课程的要求，但是一些专业课程有先修课，比如在软件工程专业中，选修Java高级需要Java基础成绩及格，学生选课后在开课一周之内还可以退选或者改选，每个课程只能选修后才会有成绩。
3. 某事业单位鼓励员工外出学习，当员工有学习需求时，提前联系上级领导，将学习内容、学习时间及费用告知领导，领导认同即可参加学习，学习结束后将学习内容汇报给相关管理人员，其他同志可以学习或者与参会者交流。
4. 每个人为了防止遗忘重要事情或者出现差错，需要提前把一些待办事情记录下来，用来提醒自己，每件事情需要记录待办事件的处理时间、关于事件的描述，待办事情完成后可以对该事件进行标记。
5. 某品牌连锁专卖，每个专卖店有一个业务员，每个业务员每天售出很多裤子，每个店面有多种类型的裤子，每款裤子有裤型、价格、面料等属性。该专卖店实行会员制，会员消费可以积分，买够一定数量的裤子将免费送一条裤子回馈顾客，顾客需要有联系方式，会员有张会员卡。