导读 在 Vue 项目中，`window.open()` 是一个常用的打开新页面的方法。不过，如何优雅地传递参数并接收呢？别急，跟着我一步步来！🌟首先，在...
在 Vue 项目中，`window.open()` 是一个常用的打开新页面的方法。不过，如何优雅地传递参数并接收呢？别急，跟着我一步步来！🌟
首先，在父页面中通过 `window.open()` 方法传递参数。例如：
```javascript
const params = { id: '123', name: 'Tom' };
window.open(`new-page.html?${Object.entries(params).map(([key, value]) => `${key}=${value}`).join('&')}`);
```
这样，参数会被拼接到 URL 中，方便在新页面中获取。😎
接着，在新页面（子页面）中，使用 `window.location.search` 来解析传递过来的参数：
```javascript
const queryParams = new URLSearchParams(window.location.search);
const id = queryParams.get('id');
const name = queryParams.get('name');
console.log(id, name); // 输出：123 Tom
```
这种方法简单高效，特别适合需要跨页面共享数据的场景。💡
快去试试吧，让你的 Vue 项目功能更强大！🚀
