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

浏览器从上到下加载HTML,将JavaScript放在底部可以避免DOM未加载完全导致的错误。Vue.js示例中,`vue.min.js`需在`new Vue`之前,且`new Vue`的代码应在目标元素之后。否则会出现找不到依赖或无法绑定元素的问题,影响页面显示和用户体验。
摘要由CSDN通过智能技术生成

基于:浏览器加载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

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值