这可能是因为浏览器刷新会重新加载页面，导致之前在第一个组件中传递到第二个组件的值丢失。你可以使用浏览器缓存来解决这个问题：
使用浏览器的本地存储（如localStorage或sessionStorage）来在刷新时保留数据。
案例示范：
要将数据存储到`localStorage`中，现有Login.vue组件和index.vue你可以使用以下步骤：
1. 在`Login.vue`组件中，当你想要传递的值发生变化时，使用`localStorage.setItem`方法将该值存储到`localStorage`中。例如：
```javascript
// 在Login.vue组件中
localStorage.setItem('myValue', yourValue);
```
2. 在`index.vue`组件中，在需要获取传递的值的地方，使用`localStorage.getItem`方法来获取该值。例如：
```javascript
// 在index.vue组件中
const storedValue = localStorage.getItem('myValue');
```
请注意，`localStorage`中存储的数据是以字符串的形式存储的，所以如果你存储的是对象或其他非字符串类型的数据，需要在存储和获取时进行适当的转换。
另外，要注意`localStorage`有容量限制，并且存储在其中的数据会一直保留，除非你手动删除它们。在使用`localStorage`时，要确保不会存储过多的数据，以避免影响性能和用户体验。