放在底部可以优先加载页面的内容结构,提升页面渲染速度。只有等到HTML解析完成后,才会开始执行main.js,避免JS阻塞页面解析,
同时main.js里可能会操作DOM,如果放头部,可能会找不到节点而报错
<body><div id="root"><App></App></div><script type="text/javascript" src="../js/vue.js"></script><script type='text/javascript' src="./main.js"></script></body>
这样写更符合代码加载的逻辑先后顺序,先加载页面结构,再开始初始化JS应用
vue.js也是同理,vue.js先到达战场,main.js随后到...