vue.js - 与 RequireJS 结合使用时出现“Vue 未定义”问题

我遇到一个问题，即在使用 RequireJS 加载 Vue 后，Vue 对象在浏览器中未定义。我不确定发生了什么，希望有人能提供一些指导。

值得注意的是，我将此代码通过我们的自定义框架放入 MVC C# 应用程序中。最终，代码被放置在 View 中并与所有其他 JS/HTML 一起提供。

首先放置 HTML，然后执行脚本。

HTML:

<div id="aapje">
  {{ message }}
</div>

JS:

require(['https://unpkg.com/vue'], function() {
  var appje = new Vue({
    el: '#aapje',
    data: {
      message: 'Hello Vue!'
    }
  });
});

控制台转储:

最佳答案

要达到预期的结果，请将“Vue”作为参数传递给 require 的回调函数

工作代码示例

require(['https://unpkg.com/vue'], function(Vue) {
   var appje = new Vue({
    el: '#aapje',
    data: {
      message: 'Hello Vue!'
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.min.js"></script>
<div id="aapje">
  {{ message }}
</div>

关于vue.js - 与 RequireJS 结合使用时出现“Vue 未定义”问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57292742/