javascript - 在 Laravel 5.7 的 vue js 中使用 jquery

Question

我对jquery的安装和使用步骤有点迷惑。 jquery 已经在 package.json 中了

"devDependencies": {
        "jquery": "^3.2",
        "laravel-mix": "^4.0.7",

我的 laravel-mix 如下所示。

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

和 App.js

require('./bootstrap');
require('./jquery');

window.Vue = require('vue');

Vue.component('index-content', require('./components/Index.vue').default)


const app = new Vue({
    el: '#app',
    // router
});

索引.vue

<script>

import JQuery from 'jquery';
let $ = JQuery

$("#btn").click(function(){
  $("#hello").toggle();
});

export default {

  data() {
    ...
    ...
  }
}
</script>

我不确定，我是否遗漏了什么。另外关于 Vue 模板中的 Jquery 用法:在我的 Index.vue 中我只需要在 <template> 之后打开另一个脚本标签吗？并在那里编写 jquery 代码？还是在vue中写法不一样？因为我的 jquery 代码在 Index.vue 中不起作用

Answer 1

您需要将其导入到 app.js 文件中

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