“ Vue未定义”问题与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!'
    }
  });
});

控制台转储：

Codepen：https://codepen.io/olafjuh/pen/oKWKXG

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>

codepen-https://codepen.io/nagasai/pen/WVjVoV