vue3window对象挂载的方法

vue3window对象挂载的方法
Vue.js 是一个流行的 JavaScript 框架，它提供了一种响应式的方
式来构建用户界面。

在 Vue3 中，window 对象的全局方法和事件可以通
过创建 Vue 实例时进行挂载。

Vue3 提供了一些方法来挂载 window 对象，这些方法可以用于处理浏览器窗口的属性和事件，以及执行与浏览器交互
的操作。

1. window.open(url, target)
- 该方法用于打开一个新的浏览器窗口，并加载指定的 URL，可选参
数 target 指定窗口的属性。

例如，"_blank" 表示在新窗口中打开 URL。

2. window.close
-该方法用于关闭当前浏览器窗口。

3. window.alert(message)
-该方法用于向用户显示一个警告框，包含指定的消息。

- 示例：window.alert("Hello World");
4. window.confirm(message)
-该方法用于向用户显示一个确认框，包含指定的消息，并返回用户
的选择结果。

- 示例：if (window.confirm("Are you sure?")) { ... }
5. window.prompt(message, defaultValue)
-该方法用于向用户显示一个提示框，包含指定的消息和默认值，并
返回用户的输入结果。

- 示例：var result = window.prompt("Please enter your name", "John Doe");
6. window.scrollTo(x, y)
-该方法用于滚动窗口到指定的坐标位置，x和y分别指定水平和垂
直滚动的像素值。

- 示例：window.scrollTo(0, 0);
7. window.scrollBy(x, y)
-该方法用于按指定的像素值相对于当前滚动位置进行滚动窗口。

- 示例：window.scrollBy(0, 100);
8. window.resizeTo(width, height)
-该方法用于调整窗口的大小到指定的宽度和高度。

- 示例：window.resizeTo(800, 600);
9. window.addEventListener(event, callback)
-该方法用于向窗口对象添加一个事件侦听器，当指定的事件触发时，会调用指定的回调函数。

- 示例：window.addEventListener("resize", function(event) { ... });
10. window.removeEventListener(event, callback)
-该方法用于从窗口对象中移除指定事件的侦听器。

- 示例：window.removeEventListener("resize", callback);
11. window.onbeforeunload
-该事件在窗口即将关闭时触发，可以用于提示用户保存未保存的数据。

- 示例：window.onbeforeunload = function(event) { return "Are you sure you want to leave this page?"; };
12. window.onload
-该事件在网页完全加载并且所有资源（如图片和脚本）都已完成加载时触发。

- 示例：window.onload = function(event) { ... };
13. window.onunload
-该事件在窗口被关闭或者导航离开当前页面时触发，可以用于清理资源或发送统计信息。

- 示例：window.onunload = function(event) { ... };
以上是一些通过在 Vue3 中挂载 window 对象来使用的常用方法和事件。

这些方法和事件可以帮助我们操作和控制浏览器窗口，以及与用户进行交互。

在实际开发中，我们可以根据具体的需求使用这些方法和事件，来完成各种浏览器相关的操作。