在Vuejs中，基于用户代理动态内联css

Question

如何根据用户代理

以不同方式导入css

当前代码

<style lang="scss" scoped>
  @import '../styles/sample.scss';
</style>
<template>
<h1 >Hello Big font</h1>
</template>

需要代码根据变量加载sample.scss或mobile_sample.scss，该变量指定UA是否属于移动设备 注意：已经有解析UA的逻辑需要知道如何动态导入文件