Я немного запутался по поводу шагов установки и использования jquery. Jquery уже находится в package.json
"devDependencies": {
"jquery": "^3.2",
"laravel-mix": "^4.0.7",
И мой микс ларавеллы выглядит как ниже.
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
});
Index.vue
<script>
import JQuery from 'jquery';
let $ = JQuery
$("#btn").click(function(){
$("#hello").toggle();
});
export default {
data() {
...
...
}
}
</script>
Я не уверен, я что-то здесь упускаю или нет. Дополнительно об использовании Jquery в шаблоне vue: в моем Index.vue мне просто нужно открыть другой тег сценария после <template> и написать там код jquery? или в vue запись отличается? Потому что мой код jquery не работает в Index.vue