放在底部可以优先加载页面的内容结构,提升页面渲染速度。只有等到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随后到...