最近在看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文件。