vue使用modernizr

Modernizr是一个JavaScript库，它用于检测用户浏览器是否支持HTML5和CSS3的各种特性。在Vue项目中使用Modernizr可以帮助开发者做浏览器兼容性检查，确保应用在各种旧版浏览器上也能正常运行。

要在Vue项目中集成Modernizr，通常的做法如下：

1. **安装Modernizr**：首先通过npm或yarn安装Modernizr：

   npm install modernizr --save
   # 或者
   yarn add modernizr

2. **添加到项目**：将Modernizr文件添加到你的前端资源目录中，比如`src/assets`或`public`。

3. **使用 Modernizr**：在Vue组件模板中，你可以直接引用Modernizr提供的API进行特性检测。例如，如果你想检查某个CSS3动画是否可用，可以这样做：

   <script src="path/to/modernizr.js"></script>
   <template>
     <div v-if="Modernizr.csstransitions">
       <!-- 动画部分 -->
     </div>
   </template>

4. **配置检测项**：如果你只想针对特定特性检测，可以在创建Modernizr实例时传入需要检测的特性数组：

   const isRetina = Modernizr.svg && Modernizr.inlinesvg;