问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

Vue 没有定义

社区维基
1
新手上路，请多包涵

我正在尝试使用 Vue.js 构建一个演示应用程序。我得到的是一个奇怪的错误，Vue 没有定义。

 <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue JS Intro</title>
</head>
<body>
    <div id="demo">
        <p>{{message}}</p>
        <input v-model="message">
    </div>

    <script type="JavaScript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.18/vue.min.js"></script>

    <script>
        var demo = new Vue({
            el: '#demo',
            data: {
                message: 'Hello Vue.js!'
            }
        })
    </script>
</body>
</html>

我在这里错过了什么？这不是 CDN 问题，因为我也从官方网站下载了库，使用它并得到了相同的结果

index.html:15 Uncaught ReferenceError: Vue is not defined

原文由 Vladimir Hraban 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译javascripthtmlvue.js
阅读 425
2 个回答
得票最新
社区维基
1
✓ 已被采纳

jsBin 演示

  1. 你错过了订单，首先：
 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.18/vue.min.js"></script>

接着：

 <script>
    var demo = new Vue({
        el: '#demo',
        data: {
            message: 'Hello Vue.js!'
        }
    });
</script>
  1. 并且 type="JavaScript" 应该是 type="text/javascript" （或者根本没有）

原文由 Roko C. Buljan 发布，翻译遵循 CC BY-SA 4.0 许可协议

社区维基
1

作为额外的信息，如果你使用 VueJs 版本 ^3.2.0 及更高版本，你应该编写 Vueis 的方式是不同的，因为你有 app.js 有这个代码：

 import "./bootstrap";
import { createApp } from "vue";

 const app = createApp({});

所以你必须使用 app 对象而不是 Vue，如下所示

import VueCountdownTimer from "vuejs-countdown-timer";
app.use(VueCountdownTimer);

我分享了这个信息，因为这个错误对我很重要。

原文由 Abdelkhalek Haddany 发布，翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题