在 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 项目功能更强大！🚀