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

Question

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

vue init webpack my-project

并使用npm获取jQuery:

npm install jquery

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

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

无论哪种方式,我都不能使用这段代码:(来自语义ui)

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

因为我收到此错误:

Uncaught ReferenceError: $ is not defined

知道为什么会这样吗？

Answer 1

如果您通过npm安装了jQuery,只需将其导入如下:

import $ from 'jquery'

在你的方法中,你可以开始使用$:

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