事件名称 何时触发
[error](https://developer.mozilla.org/zh-CN/docs/Web/Reference/Events/error) 资源加载失败时。
[abort](https://developer.mozilla.org/zh-CN/docs/Web/Reference/Events/abort) 正在加载资源已经被中止时。
[load](https://developer.mozilla.org/zh-CN/docs/Web/Reference/Events/load) 资源及其相关资源已完成加载。
[beforeunload](https://developer.mozilla.org/zh-CN/docs/Web/Reference/Events/beforeunload) window,document 及其资源即将被卸载。
[unload](https://developer.mozilla.org/zh-CN/docs/Web/Reference/Events/unload) 文档或一个依赖资源正在被卸载。

beforeunload 页面卸载前

window,document 及其资源即将被卸载时触发。

🌰 :Vue中某表单页退出页面时提示

  1. mounted() {
  2. console.info(this.$route);
  3. // 浏览器刷新 || 关闭浏览器 时提示
  4. // let _this = this;
  5. // window.onbeforeunload = function (e) {
  6. // if (_this.$route.name == "Newsign") {
  7. // e = e || window.event;
  8. // // 兼容IE8和Firefox 4之前的版本
  9. // if (e) {
  10. // e.returnValue = "关闭提示1111";
  11. // }
  12. // // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
  13. // return "关闭提示222";
  14. // } else {
  15. // window.onbeforeunload = null;
  16. // }
  17. // };
  18. },
  19. beforeRouteLeave(to, from, next) {
  20. // 点击其他tabview || 关闭当前tabview时提示
  21. // const answer = window.confirm('确定要离开当前页面?')
  22. // if (answer) {
  23. // next()
  24. // } else {
  25. // next(false)
  26. // }
  27. },

DOMContentLoaded

  1. document.addEventListener('DOMContentLoaded', () => {
  2. Vue.createApp({
  3. data() {
  4. return {
  5. todayAmount: '0',
  6. platformSales1: 4090013,
  7. }
  8. },
  9. computed: {
  10. todayAmountComputed() {
  11. return this.todayAmount.split('');
  12. },
  13. },
  14. mounted() {
  15. setInterval(() => {
  16. if (this.todayAmount === '0') {
  17. this.todayAmount = '1000';
  18. }
  19. this.todayAmount = '' + Math.floor(Math.random() * 10000);
  20. }, 2000);
  21. },
  22. }).mount('#app');
  23. })