'Vue not defined' 与 RequireJS 结合的问题

Question

我在使用 RequireJS 加载 Vue 后遇到浏览器中未定义 Vue 对象的问题。不知道怎么回事，希望大神指点一下。

值得注意的是，我通过我们的自定义框架将此代码放入 MVC C# 应用程序中。最终代码被放置在视图中并与所有其他 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!'
    }
  });
});

控制台转储：

Answer 1

为达到预期效果，将'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 not defined' issue in combination with RequireJS