js文件位置--为甚有些js必须放在尾部

基于：浏览器加载html是从上往下加载。

 

 

在学习vue.js的时候，看到demo上写得注释语句：

<!-- JavaScript 代码需要放在尾部（指定的HTML元素之后） -->
<script>
new Vue({
    el:'#app',
    data: {
        message:'Hello World!'
    }
});

 

 

我尝试了把这段代码放在了head部分，发现demo运行异常，f12看到报错：

错误写法1：

 

是因为vue.min.js放在了它的下面，而new Vue 的时候，引用的vue.min.js还未发现，所以就会报错，因此vue.min.js应该放在new Vue 的前面。

而如果把这new Vue 的js代码放在引用的js后面，发现虽然不会报错了，但是还是数据显示有问题。

错误写法2：

 

这是因为，new Vue 的方法里，要绑定到元素id为“app