关于script的渲染

来源：7-1 百度地图入门案例+异步加载

十六夜月华

2020-06-25

一开始的是因为放在head里阻塞了后面内容的解析，那么我把这个script放在body的最后面和课程里使用的window.onload调用init的方法有什么区别，或者我给这个script加一个defer有什么区别呢。

写回答

2回答

页雨

2020-07-28

已采纳

第一点：

第二点：你直接写成 script 标签，那么你就只能直接写在 html template 文件中，在 vue 的 .vue 文件中是不支持 script 的

第三点：用 defer 的话，你必须确保你回调函数那块儿代码执行之前，百度地图的 API 已经加载完毕，这个不好把控

第四点：用 window.onload 的形式回调你的init方法，你可以把它封装成一个 vue 组件，而不需要直接把百度地图的 api 写在全局的html template 文件中，在需要的时候再加载这个 api 。如果写在全局的 HTML template 文件中，那么就算加载与地图不沾边的页面也会加载这个api的内容。按需加载的话也算是一种优化