未捕获的 ReferenceError: $ 未定义 (VueJS)

Question

我已经开始了一个 VueJS 项目：

 vue init webpack my-project

并通过 npm 获得了 jQuery：

 npm install jquery

我把这一行放在我的 main.js 文件中：

 window.$ = window.jQuery = require('jquery')

无论哪种方式，我都不能使用这段代码：（来自语义用户界面）

 $('.ui.rating')
  .rating()
;

因为我收到此错误：

 Uncaught ReferenceError: $ is not defined

知道为什么会这样吗？

原文由 Enrique Bermúdez 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您通过 npm 安装了 jQuery，只需像这样导入它：

 import $ from 'jquery'

在您的方法中，您可以开始使用 $ 作为：

 methods: {
  getFoo() {
    $( "div.foo" ).html();
  }
}

原文由 samayo 发布，翻译遵循 CC BY-SA 3.0 许可协议