这是一个创建于 1643 天前的主题,其中的信息可能已经有所发展或是发生改变。
鉴于本人的前端知识太差
做页面非常依靠框架
无框架不 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>
`
})
6 条回复 • 2019-11-04 23:13:33 +08:00
|
|
1
murmur 2019-11-04 19:47:11 +08:00
正常的,我找过几个 react 和 vue 库都是 jquery 年代组件的封装,没办法,那个年代沉淀了很多好的组件,星多扩展性好功能强
|
|
|
2
EscYezi 2019-11-04 21:18:30 +08:00 via iPhone
一样,反正 bootstrap 也依赖 jquery (
|
|
|
3
sivacohan 2019-11-04 22:06:00 +08:00
你这样开发是没有问题。针对你的顾虑,你需要注意以下三点内容:
1. jQuery 和 Vue 仅在组件级混用,即所有 jQuery 被 Vue 封装。 2. 尽量减少直接 Dom 操作,使用状态来控制 Dom 3. 尽量使用 Vue 操作 Dom 而非直接使用 jQuery
|
|
|
4
zzlettle 2019-11-04 22:18:28 +08:00
原来这么干是很正常
|
|
|
5
mxtob 2019-11-04 22:58:52 +08:00 via iPhone
我直接用 layerui
|
|
|
6
shintendo 2019-11-04 23:13:33 +08:00
vue 本来就可以不用构建工具直接上,这也是它的一大卖点,并不意味着就需要 jquery
|