vue modern

最近在看vue手册，第一遍的时候没感觉有什么问题。现在结合ui-element组件库运用感觉有很多疑问。果然，实践才是学习的第一步。

虽然这个官方文档讲的很清楚，但是我觉得还是自己写一下比较好。

@vue/cli 3.x 提供了 现代模式（modern）。运行 vue-cli-service build --modern  。 Vue CLI 会产生两个应用的版本：一个现代版的包，面向支持 ES modules 的现代浏览器，另一个旧版的包，面向不支持的旧浏览器。主要是通过：

1.现代的包会通过<script type="module">被支持的浏览器加载，它们还会使用 <link rel="modulepreload"> 进行预加载。

2.旧版的包会通过<script nomodule>加载，并且会被支持module的浏览器忽略。

3.一个针对 Safari 10 中 <script nomodule> 的修复会被自动注入。

总结:vue cli是创建了两个版本js文件，然后按照浏览器对module的支持性来区分加载js文件。