使用Vue时，获取不到信息

最新推荐文章于 2022-08-14 09:51:45 发布

LatteCK

最新推荐文章于 2022-08-14 09:51:45 发布

阅读量593

点赞数

分类专栏：问题

本文链接：https://blog.csdn.net/qq_43803285/article/details/114138581

版权

问题专栏收录该内容

51 篇文章 0 订阅

订阅专栏

使用Vue时，获取不到信息

我们一般习惯将script文件放在head但是，Vue放在上面的话，先加载完 js文件，再渲染body的内容，会渲染不成功，所以放在body的下面，这样能保证信息能获取到，具体如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--1.导入Vue.js-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
    <script type="text/javascript">
        var vm =new Vue({
            el:"#app",
            data:{
                message:"hello vue"
            }
        });
    </script>
</head>
<body>
<div id="app">
    {{message}}
</div>



</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>


</head>
<body>
<div id="app">
    {{message}}
</div>

<!--1.导入Vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
<script type="text/javascript">
    var vm =new Vue({
        el:"#app",
        data:{
            message:"hello vue"
        }
    });
</script>

</body>
</html>

在这里插入图片描述

LatteCK

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用Vue时，获取不到信息

使用Vue时，获取不到信息我们一般习惯将script文件放在head但是，Vue放在上面的话，先加载完 js文件，再渲染body的内容，会渲染不成功，所以放在body的下面，这样能保证信息能获取到，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--1.导入Vue.js
复制链接

扫一扫