vue部分頁面重置rem比例

項目情況：

　　mobile、pc在同一個項目中，希望mobile項目引入重置rem比例的文件

缺點：

　　每個mobile的頁面都需要引入、希望有大神知道怎么解決

1.新建rem.js文件

export function resetRem () {
   let html = document.documentElement;
   html.style.fontSize = 100 * (html.clientWidth / 750) + 'px';
   // 監聽 window 的 resize 事件．在瀏覽器窗口變化時再設置下區域高度．
   window.onresize = () => {
       let html = document.documentElement;
       html.style.fontSize = 100 * (html.clientWidth / 750) + 'px';
   };
}

2.對應的mobile頁面引入 並執行

import { resetRem } from '@/utils/rem'
export default {
    name: 'mFrame',
    created() {
        resetRem();
    },
}