如何在Vue.js页面中调用函数
如何在Vue.js页面中调用函数
提问于 2021-02-02 17:33:59
我正在尝试连接Vue.js代码与超文本标记语言页面，以呈现一些数据。我不知道如何连接，我给了下面的代码，我已经尝试过。
HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
<script src='./vue.js'></script>
<body>
<div id="app">
<h1>{{ message }}</h1>
</div>
</body>
</html>Vue.js：
var myObject = new Vue({
el: '#app',
data: {message: 'Hello Vue!'}
})回答 2
Stack Overflow用户
发布于 2021-02-02 17:42:41
您应该将vue.js脚本移动到body部分as described in the Vue.js tutorial you are doing的末尾。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
<body>
<div id="app">
<h1>{{ message }}</h1>
</div>
<script src='./vue.js'></script>
</body>
</html>有关放置脚本标记的位置的更多信息：When to use the tag in the head and body section of a html page?
Stack Overflow用户
发布于 2021-02-02 18:51:38
您也可以保留原样，并从以下位置进行更改：
<script src='./vue.js'></script>至
<script defer src='./vue.js'></script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66006964
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号