Vue打开时界面出现{{message}}的解决方案，亲测有效
程序员文章站
2022-05-28 12:59:46
...
网页显示{{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/[email protected]/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/[email protected]/dist/vue.min.js"></script>
• 鼠标放在这个链接上，按住Alt+Enter，你会发现，一个Download Library，选中回车，把包下载了就OK了
• 然后再进入网页，问题解决