如何在 Require JS 中使用 Vue JS？

Question

我通过Bower安装了以下内容：

• jQuery 3.1.0
• Vue 1.0.26
• Require.js 2.2.0

但是当我加载我的网站时，“Vue”未定义。

我尝试了var vue = require('Vue')等方式，但似乎不起作用。

Vue说它是一个AMD模块，Require.js也是……我错过了什么？

- Petter Thowsen

---

你缺少了 Require.js :) - gurghet

var vue = require('Vue') 不是 Require.js 语法，而是 CommonJS 语法，它被 Node.js 在服务器端或构建工具如 Browserify 或 Webpack 在客户端使用。你应该了解一下 requirejs 和 AMD 模块的实际工作原理，以及它是否符合你的需求。 - Linus Borg

Answer 1

var vue = require('Vue') 不能单独使用。你需要采取以下其中一种方式：

1. Change it to the form of require that takes a callback:

   require(['Vue'], function (vue) {
     // code that uses Vue
   });
   

2. Or put your require call in a define call:

   define(function (require) {
     var vue = require('Vue');
   });
   

正如Linus Borg所指出的那样，require后跟单个字符串是CommonJS语法，只有在传递给define的回调函数中出现时，RequireJS才支持它。 （请参见此处。）

- Louis