将 Vue JS 与 Require JS 一起使用？

【问题标题】：Using Vue JS with Require JS?将 Vue JS 与 Require JS 一起使用？
【发布时间】：2016-11-13 02:58:54
【问题描述】：

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

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

我尝试了var vue = require('Vue') 之类的，但它似乎不起作用。

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

【问题讨论】：

你缺少 Require.js :)
var vue = require('Vue') 不是 Require.js 语法 - 它是 CommonJS 语法，由服务器端的 nodejs 使用，或者在客户端构建工具，如 browserify 或 webpack。您应该阅读 requirejs 和 AMD 模块的实际工作原理，以及它是否是您想要/需要的。

【解决方案1】：

var vue = require('Vue') 无法自行工作。无论是你：

将其更改为接受回调的require的形式：

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

或者将您的require 电话放入define 电话：

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

作为 Linus Borg pointed out，带有单个字符串的 require 是 CommonJS 语法，只有当它出现在传递给 define 的回调中时，RequireJS 才支持。（见this。）

【讨论】：