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

[zzlettle]

鉴于本人的前端知识太差
做页面非常依靠框架
无框架不 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>
`
})

[murmur]

正常的，我找过几个 react 和 vue 库都是 jquery 年代组件的封装，没办法，那个年代沉淀了很多好的组件，星多扩展性好功能强

[EscYezi]

一样，反正 bootstrap 也依赖 jquery （

[sivacohan]

你这样开发是没有问题。针对你的顾虑，你需要注意以下三点内容：

1. jQuery 和 Vue 仅在组件级混用，即所有 jQuery 被 Vue 封装。
2. 尽量减少直接 Dom 操作，使用状态来控制 Dom
3. 尽量使用 Vue 操作 Dom 而非直接使用 jQuery

[zzlettle]

原来这么干是很正常

[mxtob]

我直接用 layerui

[shintendo]

vue 本来就可以不用构建工具直接上，这也是它的一大卖点，并不意味着就需要 jquery