今天在使用vue-cli构造的vue项目时,遇到一个坑。
setInterval(() => {
console.log('This is one.')
}, 10000)
运行后如下:
![]()
这时我们修改其中的代码,不刷新网页:
setInterval(() => {
console.log('This is two.')
}, 1000)
结果如下,发现之前的计时函数以久存在,热更新 !== 刷新页面 !!!谨记

Vue项目热更新与刷新页面差异问题
博主在使用vue-cli构造的vue项目时遇到问题,修改代码不刷新网页,发现之前的计时函数依旧存在,由此得出热更新并不等同于刷新页面的结论。
今天在使用vue-cli构造的vue项目时,遇到一个坑。
setInterval(() => {
console.log('This is one.')
}, 10000)
运行后如下:
![]()
这时我们修改其中的代码,不刷新网页:
setInterval(() => {
console.log('This is two.')
}, 1000)
结果如下,发现之前的计时函数以久存在,热更新 !== 刷新页面 !!!谨记

1815