网页显示{{message}}的解决方案

测试代码

<!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>
    let vm = new Vue({
        el:"#app",
        data:{
            message:"hello,vue!"
        }
    });
</script>
</body>
</html>

网页居然显示{{message}} 而不是 hello,vue!

解决方法:
• 确保idea里面下载了node.js
• 导入cnd 的这段代码换成这个(如果你的不是的话)
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
• 鼠标放在这个链接上,按住Alt+Enter,你会发现,一个Download Library,选中回车,把包下载了就OK了
• 然后再进入网页,问题解决

Logo

前往低代码交流专区

更多推荐