在vue組件中使用rem作為單位可以在index.html 的script標簽中添加如下代碼：

<script>
    const baseSize = 32
    // 設置 rem 函數(shù)
    function setRem() {
        // 當前頁面寬度相對于 750 寬的縮放比例，可根據(jù)自己需要修改。
        const scale = document.documentElement.clientWidth / 750
        // 設置頁面根節(jié)點字體大小
        document.documentElement.style.fontSize = (baseSize * Math.min(scale, 2)) + 'px'
    }
    // 初始化
    setRem()
    // 改變窗口大小時重新設置 rem
    window.onresize = function () {
        setRem()
    }
</script>

之后計算單位則是：設計圖px / 32 = rem