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

Enr*_*dez 2 jquery semantic-ui vue.js

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

vue init webpack my-project
Run Code Online (Sandbox Code Playgroud)

并使用npm获取jQuery:

npm install jquery
Run Code Online (Sandbox Code Playgroud)

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

window.$ = window.jQuery = require('jquery')
Run Code Online (Sandbox Code Playgroud)

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

$('.ui.rating')
  .rating()
;
Run Code Online (Sandbox Code Playgroud)

因为我收到此错误:

Uncaught ReferenceError: $ is not defined
Run Code Online (Sandbox Code Playgroud)

知道为什么会这样吗?

sam*_*ayo 8

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

import $ from 'jquery'
Run Code Online (Sandbox Code Playgroud)

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

methods: {
  getFoo() {
    $( "div.foo" ).html();
  }
}
Run Code Online (Sandbox Code Playgroud)