有没有像我这样， bootstrap jquery veu 混合一起来做页面的？

鉴于本人的前端知识太差
做页面非常依靠框架
无框架不 page
然后最近学了学 vue js
想做一些简单的网站页面的时候，又不用些构建工具来
实话是，本人也学不会那些 vue cli webpackage 什么的
我现在的做法是
一个页面里，混杂了 bootstrap jquery vuejs
比如在一个模态弹窗效果中
我就是用的 bootstrap 的默认组件
但是我用的是 vue 来操作
在 vue 里面的一个 methods 方法里面
有个地方被点击后
触发了这个地方的 onclick 事件，就会用到 vue 里面的这个我自己编写的方法
然后在这个方法里面的函数体是什么了？
其实就是
$('#myModal').modal('show');
没错
在这里我又用了 jquery
绕来绕去一大圈，最后真正干活的是 jquery
我知道这么干很 low，代码根本见不得人
但是项目跑起来了
想要的效果实现了
想问下，这里有多少人，是跟我一样，这么 low 的写前端代码的

其实归根到底是这些构建工具 TM 的太复杂了完全看不懂，也没有学习的好教程，也懒得去学

最核心的地方的代码时这样的

var buttOnCounter= Vue.component('button-counter', {
data: function () {
return {
count: 0
}
},
methods:{
myclick:function(){
this.count++;
$('#myModal').modal('show');
}
},
template: `
<div>
<button class="btn btn-primary" v-on:click="myclick">You clicked me {{ count }} times.</button>
<p>dfdfdf</p>
</div>
`
})