在Vue中使用rem替換px的步驟如下：
1. 在`index.html`文件中設置根元素的字體大小為屏幕寬度的1/10。
2. 在`main.js`文件中添加監聽窗口大小變化的事件，并重新計算根元素的字體大小，例如：
```javascript
window.addEventListener('resize', function() {
document.documentElement.style.fontSize = calc(100vw / 10);
});
```
3. 在需要使用rem單位的組件中，根據設計稿的尺寸設置對應的樣式。
這樣，Vue組件中的樣式就會根據根元素的字體大小進行自適應，實現了rem替換px的效果。
