fix: add conditional judgment when call update in the timer example. #2359

[wangzhilongh]

…, in the timer example. #2359

Description of Problem

Proposed Solution

Additional Information

[netlify]

✅ Deploy Preview for vuejs ready!

Name	Link
🔨 Latest commit	811ee4f
🔍 Latest deploy log	https://app.netlify.com/sites/vuejs/deploys/6458d4794b28860009274c0e
😎 Deploy Preview	https://deploy-preview-2360--vuejs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[NataliaTepluhina]

@wangzhilongh could you please elaborate a little bit more on why this change is necessary?

[wangzhilongh]

@wangzhilongh could you please elaborate a little bit more on why this change is necessary?

1.When we open https://vuejs.org/examples/#timer , the 'update' method will be called very quickly. And it can not stop even if the elapsed time is bigger than the duration time. It just a waste of performance, but it doesn't make any sense.

So I think it is nessesary to stop call the 'update' method timely.

2. In this case, the progress rate can easily be used to do some logical, or to control the details of the page. So I make a computed property 'progressRate' and it can be convenient for everyone to use.

As a way to solve this problem, I pull this request and hope it can be merged.
Of course, due to my limited ability, so the code may not be very appropriate. If you have any suggestions, welcome to exchange. And if you have a better solution, I am very happy to see and learn.

[NataliaTepluhina]

@wangzhilongh thank you for the detailed explanation and especially for the screenshots provided! Now I see that update is being called after timer should have been finished indeed.